@font-face {
  font-display: swap;
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  src: url('/assets/fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
* {
  box-sizing: content-box;
}
@media not print {
  body.ember-application,
  button,
  header ul li a,
  input,
  textarea,
  .claim-reimbursement-validation-text,
  .ember-application h1,
  .ember-application h2,
  .ember-application h3,
  .ember-application h4,
  .app-load-indicator,
  .popup-field,
  .popup-heading,
  .popup-text,
  .popup-top-heading,
  .standard-input,
  .standard-textarea {
    font-family: 'Roboto', arial, sans-serif;
  }
}
html,
body,
body > .ember-view {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.ember-application,
.app-load-indicator,
button,
input,
textarea {
  color: #2c2d30;
  font-size: 15px;
  line-height: 1.5;
}
.ember-application .app-load-indicator {
  display: none !important;
}
body.ember-application {
  font-style: normal;
  color: #000;
  margin: 0;
  background: #fff;
  overflow: hidden;
}
.ember-application .no-ember {
  display: none;
}
.ember-power-select-group,
.menu-group {
  background: #f9f9f9;
}
.ember-power-select-group .ember-power-select-group-name,
.menu-group {
  display: flex;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  padding: 6px 13px;
  text-transform: uppercase;
}
.ext-prescription-row-autocomplete-name {
  align-self: stretch;
  line-height: 14px;
  padding: 8px;
  white-space: normal;
}
.external-session-iframe {
  border: none;
}
.min-height-450 {
  min-height: 450px;
}
.min-height-hundred {
  min-height: 100px;
}
.mirror > .icon-button {
  transform: scale(-1, 1);
}
.ember-power-select-group .ember-power-select-options {
  border-top: 1px solid #eee;
}
.emoji-button {
  align-items: center;
  cursor: pointer;
  display: flex !important;
  flex: 0 0 auto;
  flex-direction: column;
  font-size: 18px !important;
  height: 40px;
  justify-content: center;
  padding: 0 !important;
  text-align: center;
  width: 34px !important;
}
.emoji-categories {
  background-color: #f9f9f9;
  border-bottom: 1px solid #a0a0a0;
  margin-bottom: 4px;
  padding: 10px 4px;
  padding-bottom: 0;
}
.entry-listitem-dropdown {
  right: 30px !important;
  width: auto !important;
}
.entry-listitem-trigger {
  height: 30px;
}
.entry-listitem-trigger .ember-power-select-selected-item {
  margin-right: 14px;
}
.entry-listitem-trigger .hide-in-dropdown {
  line-height: 26px;
}
.margin-bottom-one {
  margin-bottom: 1px;
}
.maybe {
  background-color: #999 !important;
  padding: 1px;
}
.maybe.normal,
.no.normal,
.yes.normal {
  box-sizing: border-box;
  height: 18px;
  margin: 2px;
  min-width: 18px;
  width: 18px;
}
.maybe.normal .maybe-question-mark,
.yes.normal .yes-check-mark {
  margin: 4px;
}
.maybe.small,
.no.small,
.yes.small {
  box-sizing: border-box;
  height: 9px;
  margin: 1px;
  min-width: 9px;
  width: 9px;
}
.maybe svg,
.no svg,
.yes svg {
  fill: #fff;
}
.measure-svg,
.measure-angle-svg {
  height: 100%;
  position: absolute;
  width: 100%;
}
.measure-svg line,
.measure-angle-svg line {
  stroke: #3d9be9;
  stroke-width: 2;
}
.measure-angle-svg .angle-arc {
  stroke: #3d9be9;
  fill: none;
  stroke-width: 1;
}
.measure-angle-svg line.angle-side-guide {
  stroke: white;
  stroke-dasharray: 1, 2;
  stroke-linecap: round;
  stroke-width: 1;
}
.message-group-day-text {
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 15px;
}
.message-group-day-top {
  margin: 30px 0 20px 0;
}
.message-group-day-top-line {
  border-top: 1px solid #e8e8e8;
  flex: 1 1 auto;
  height: 1px;
  margin: auto;
}
.message-svg-holder,
.room-svg-holder {
  fill: #656565;
  padding: 8px;
}
.min-zero {
  min-width: 0;
}
.min-four {
  min-width: 4%;
}
.min-six {
  min-width: 6%;
}
.no {
  background-color: #e01e5a !important;
}
.no.normal svg {
  padding: 4px;
}
.no.small svg {
  padding: 2px;
}
.no-arrows::-webkit-inner-spin-button,
.no-arrows::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.no-arrows-unhovered:not(:hover)::-webkit-inner-spin-button,
.no-arrows-unhovered:not(:hover)::-webkit-outer-spin-button {
  appearance: none;
}
.payment-list-cell > input[type='number'].no-arrows-unhovered {
  text-align: left !important;
  padding-right: 0;
}
.x-axis-tick {
  font-size: 0.75em;
}
.yes,
.yes-check-mark {
  background-color: #2eb67d !important;
}
.yes.small .yes-check-mark {
  margin: 2px;
}
.active > .icon-button,
.zooming > .icon-button {
  background-color: rgba(255, 255, 255, 0.22);
}
.annotations {
  left: 0;
  position: absolute;
  top: 0;
}
.menu,
.sub-menu-holder {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 10px #222;
  color: #2c2d30;
  max-height: 80vh;
  overflow-y: auto !important;
  position: absolute;
  right: 0;
  top: 25px;
  transition:
    opacity 50ms,
    transform 150ms,
    visibility 50ms;
  z-index: 3;
}
.menu-backdrop {
  display: none;
}
.menu-backdrop.shown {
  display: block;
  height: 100vh;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100vw;
}
.menu.hidden {
  opacity: 0;
  transform: translateY(-8px);
  transition:
    opacity 50ms linear 100ms,
    transform 200ms,
    visibility 50ms linear 100ms;
  visibility: hidden;
}
.menu.is-showing {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.z-index-three-important {
  z-index: 3 !important;
}
.z-index-auto-important {
  z-index: auto !important;
}
.menu:focus {
  outline: none;
}
.menu-group {
  padding: 6px 48px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 0;
}
.epicrisis-rebooking-date {
  margin-right: 1%;
  width: 34%;
}
.gender-svg,
.painter-tool-button svg {
  height: 20px;
  width: 20px;
}
.draw-arrow-svg path {
  transform: scaleX(-1) translateX(-100%);
}
.bot-svg,
.gender-svg {
  fill: rgba(0, 0, 0, 0.54);
}
.gender-svg {
  stroke: rgba(0, 0, 0, 0.54);
}
.bot-svg-holder {
  padding: 4px;
}
.gender-svg-holder,
.painter-tool-button {
  padding: 4px 10px !important;
}
.grid-cell {
  border-radius: 3px;
  box-shadow: rgb(45 62 80 / 12%) 0px 1px 5px 0px;
  display: flex;
  flex: 1 1 250px;
  flex-direction: column;
  height: 350px;
  overflow: hidden;
  padding: 0px;
  width: 100%;
}
.grid-cell:hover {
  box-shadow:
    rgb(0 0 0 / 20%) 0px 4px 8px 0px,
    rgb(0 0 0 / 19%) 0px 6px 20px 0px;
}
.grid-cell-card {
  padding: 18px;
}
.grid-cell-card-content {
  color: rgb(51, 71, 91);
  font-size: 14px;
  padding-bottom: 10px;
}
.grid-cell-card-heading {
  color: rgb(51, 71, 91);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.grid-cell-heading {
  color: rgb(51, 71, 91);
  font-size: 20px;
  font-weight: 600;
  margin: 0px;
  min-height: 72px;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-top: 10px;
}
.grid-cell-heading-container {
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
}
.grid-cell-hr {
  background: rgb(234, 240, 246);
  border: 0px;
  height: 1px;
  margin: 12px 0px 2px;
  min-height: 1px;
  width: 100%;
}
.grid-cell-icon {
  align-items: center;
  background-color: #5897fb;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  display: flex;
  flex-shrink: 0;
  height: 47px;
  justify-content: center;
  margin-right: 10px;
  padding-bottom: 6px;
  width: 50px;
}
.grid-cell-icon svg {
  fill: white;
  height: 24px;
  width: 24px;
}
.grid-cell-top {
  background-color: #5897fb;
  flex-grow: 0;
  height: 10px;
}
.grid-table {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
  margin: 0px;
}
.black-link {
  color: #000;
  text-decoration: none;
}
.black-link:hover {
  text-decoration: underline;
}
.blocked-svg {
  height: 15px;
  width: 15px;
}
.booking-context-menu,
.booking-context-menu .booking-modal {
  min-width: 250px !important;
  padding: 0 !important;
}
.booking-context-menu-button {
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.booking-context-menu-button:not(.disabled):hover {
  background-color: #eee !important;
}
.booking-context-menu-button,
.booking-context-menu-button:active,
.booking-context-menu-button:focus,
.buttony,
.buttony:active,
.buttony:focus {
  cursor: pointer;
  display: flex;
  min-height: 40px;
  text-align: center;
}
.booking-context-menu-button.disabled {
  cursor: default;
  pointer-events: none;
}
.booking-detail-toggler {
  margin: 2.5px 20px 2.5px 0;
}
.booking-holder {
  cursor: move;
  left: 0;
  opacity: 1 !important;
  padding: 0 4px !important;
  position: absolute;
  top: 0;
}
.booking-holder.is-showing {
  visibility: visible;
}
.booking-is-past-and-not-recurring {
  color: rgb(101, 103, 107);
}
.booking-listitem-check-mark,
.thumbnail-check-mark {
  width: 30px;
}
.thumbnail-check-mark {
  left: 0;
}
.booking-listitem-check-mark {
  margin: 3px 0;
}
.button-height .datetime-picker-holder {
  height: 39px;
}
.datetime-picker-trigger-button {
  box-sizing: border-box;
  float: left;
  height: 26px;
  line-height: 26px;
  padding: 4px;
  width: 26px;
}
.button-height.datetime-picker.below > .datetime-picker-modal {
  top: 41px;
}
.buttony span {
  padding: 10px;
}
button.popover-booking-type-option {
  border-radius: 50%;
  border-width: 0.5px;
  cursor: pointer;
  font-size: 12px;
  height: 18px;
  margin: 3px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px;
}
button:focus,
input:focus,
.outline-none:focus,
select:focus,
textarea:focus {
  outline: none;
}
.padding-top-eleven-important {
  padding-top: 11px !important;
}
.padding-bottom-fourty {
  padding-bottom: 40px;
}
.padding-fifty-important {
  padding: 50px !important;
}
.padding-right-two {
  padding-right: 2%;
}
.padding-left-twenty {
  padding-left: 20px;
}
.padding-left-fiftyeight {
  padding-left: 58px;
}
.padding-left-five {
  padding-left: 5px;
}
.padding-ten-five {
  padding: 10px 5px !important;
}
.padding-ten-twenty {
  padding: 10px 20px;
}
.padding-one-hundred {
  padding: 100px;
}
.padding-top-three-important {
  padding-top: 3px !important;
}
.padding-twentyfour-zero {
  padding: 24px 0;
}
.padding-bottom-ten {
  padding-bottom: 10px;
}
.padding-bottom-thirty {
  padding-bottom: 30px;
}
.chat-arrow-icon-button {
  height: 19px !important;
  width: 19px !important;
}
.chat-arrow-icon-button-loader {
  height: 19px;
  width: 19px;
}
.chat-arrow-icon-button[disabled] svg {
  fill: #ebebe4;
  stroke: #ebebe4;
}
.chat-arrow path {
  stroke: #fff;
}
.crown-svg-holder {
  background-color: rgb(249, 249, 249);
  height: 50px;
  margin: auto;
}
.parod-disclaimer-text {
  margin-left: 5px;
  margin-right: 30px;
  max-width: 200px;
  padding: 13px 0;
}
.parod-jaw .nr-11,
.parod-jaw .nr-12,
.parod-jaw .nr-13,
.parod-jaw .nr-14,
.parod-jaw .nr-15,
.parod-jaw .nr-16,
.parod-jaw .nr-17,
.parod-jaw .nr-18,
.parod-jaw .nr-41,
.parod-jaw .nr-42,
.parod-jaw .nr-43,
.parod-jaw .nr-44,
.parod-jaw .nr-45,
.parod-jaw .nr-46,
.parod-jaw .nr-47,
.parod-jaw .nr-48 {
  border-right: 1px solid #f9f9f9;
}
.parod-jaw .nr-21,
.parod-jaw .nr-22,
.parod-jaw .nr-23,
.parod-jaw .nr-24,
.parod-jaw .nr-25,
.parod-jaw .nr-26,
.parod-jaw .nr-27,
.parod-jaw .nr-28,
.parod-jaw .nr-31,
.parod-jaw .nr-32,
.parod-jaw .nr-33,
.parod-jaw .nr-34,
.parod-jaw .nr-35,
.parod-jaw .nr-36,
.parod-jaw .nr-37,
.parod-jaw .nr-38 {
  border-left: 1px solid #f9f9f9;
}
.history-command-listitem {
  min-height: 36px;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
}
.perio-command-listitem {
  min-height: 74px;
}
.perio-command-listitem.not-recognized {
  background-color: #ffdcdc;
  max-height: 165px;
  overflow: hidden;
  transition: max-height 150ms;
}
.perio-command-listitem.not-recognized.collapsed {
  max-height: 8px;
  min-height: 8px;
}
.expand-controller {
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 6px;
  transition: transform 200ms;
  width: 6px;
}
.perio-command-listitem .expand-controller {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.perio-command-listitem:not(.not-recognized) .expand-controller {
  display: none;
}
.expand-controller.expanded {
  transform: rotate(180deg);
}
.expand-controller::after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #bababa;
  border-right: 1px solid #bababa;
  transform: rotate(45deg);
  width: 4px;
  height: 4px;
}
.blink-on-insert {
  position: relative;
}
.blink-on-insert:before {
  animation: blink-background 1s ease-in-out;
  border-radius: 2px;
  background-color: #3d9be97a;
  content: '';
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.perio-command-listitem .command-type-indicator {
  background-color: #d6d6d6;
  border-radius: 4px;
  color: white;
  height: 18px;
  text-align: center;
  width: 18px;
}
.ai-pane {
  background-color: #fff;
  box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  position: relative;
  max-width: 0;
  min-width: 0;
  opacity: 0;
  transform: translateX(100%);
  transition:
    max-width 150ms,
    min-width 150ms,
    opacity 150ms,
    visibility 150ms;
  visibility: hidden;
  z-index: 4;
}
.ai-pane.expand {
  max-width: 25%;
  min-width: 230px;
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
  width: 25%;
}
.ai-pane.is-resizing {
  transition: none;
}
.report-pane {
  z-index: 2;
}
.ai-pane-resize-handle {
  cursor: ew-resize;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
  z-index: 4;
}
.ai-pane-resize-handle:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.voice-command-panel {
  min-height: 0;
  width: 100%;
}
.overflow-auto-hidden,
.voice-command-table-holder {
  overflow-y: auto;
  overflow-x: hidden;
}
.command-recordings-holder {
  background: #f9f9f9;
  border-top: 1px solid #e9e9e936;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 250ms,
    opacity 250ms;
}
.command-recordings-holder.expanded {
  padding: 5px;
  max-height: 500px;
  height: auto;
  opacity: 1;
}
.speech-recording {
  border-bottom: 1px solid #e9e9e936;
  display: flex;
  padding: 5px;
  transition: padding 150ms;
}
.speech-recording.minimized {
  padding: 1px;
}
.speech-recording .transcript-text-holder {
  max-height: 300px;
}
.speech-recording.minimized .transcript-text-holder {
  max-height: 0;
}
.speech-recording .expand-controller {
  position: absolute;
  right: 5px;
}
.speech-recording-warning {
  background: #ffffff;
  display: flex;
  opacity: 0;
  position: absolute;
  transform: translateY(-100%);
  transition:
    opacity 150ms,
    transform 150ms;
  z-index: 1;
}
.speech-recording-warning.visible {
  animation: messageSlideIn 0.15s linear;
  opacity: 1;
  transform: translateY(0);
}
.command-recordings-holder .speech-recording {
  padding: 0;
}
.command-recordings-holder.expanded .speech-recording {
  padding: 5px;
}
.speech-recording audio {
  max-height: 34px;
  width: 100%;
}
.speech-recording-timestamp {
  color: #637282;
  font-size: 11px;
  font-weight: normal;
}
.speech-recording .speech-recording-audio-player-holder,
.speech-recording .speech-recording-timestamp {
  max-height: 500px;
  opacity: 1;
  transition:
    opacity 250ms,
    max-height 250ms;
}
.speech-recording.collapsed .speech-recording-audio-player-holder,
.speech-recording.collapsed .speech-recording-timestamp {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.patient-selector-dropdown {
  background: #f9f9f9;
  border-top: 1px solid #eee !important;
  border-top-right-radius: 3px !important;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.275);
  display: flex;
  flex-wrap: wrap;
  left: 0;
  min-width: 100%;
  right: 30px;
}
.voice-recording-shadow-row {
  height: 35px;
  width: 100%;
}
.voice-command-shadow-row {
  height: 64px;
  width: 100%;
}
.voice-command-panel .no-result-td {
  padding: 27px !important;
}
.narrow-width .patient-selector-dropdown .last-patients {
  display: none;
}
.narrow-width .patient-selector-dropdown,
.narrow-width .patient-selector-dropdown .patient-search {
  width: 100% !important;
}

.patient-selector-dropdown .last-patients,
.patient-selector-dropdown .patient-search {
  width: 50%;
}
.patient-selector-dropdown .ember-power-select-search {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.patient-selector-dropdown .last-patients {
  border-left: 1px solid silver;
  padding: 10px 35px;
}
.patient-selector-option-ball {
  display: none !important;
}
.ember-power-select-selected-item .patient-selector-option-ball {
  display: flex !important;
}
.more-results-disclaimer {
  background-color: rgb(249, 249, 249);
  color: #333;
  font-size: 13px;
  font-style: italic;
  padding: 5px 13px;
}
.personal-id {
  position: relative;
  width: 18ch;
}
.personal-id-error {
  top: 100%;
}
.placeholder {
  color: #999;
}
.priority-dropdown {
  height: 39px !important;
  max-height: 39px !important;
  max-width: 100px !important;
}
.progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 20px;
  margin: auto;
  max-width: 600px;
  overflow: hidden;
  width: 100%;
}
.progress-bar {
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  height: 100%;
  justify-content: flex-end;
  line-height: 20px;
  padding: 2px;
  transform: translateX(-100%);
  transition: transform 150ms;
}
.ps__rail-x,
.ps__rail-y {
  opacity: 0.6;
}
.ember-power-select-dropdown .hide-in-dropdown {
  display: none !important;
}
.ember-power-select-dropdown .patient-selector-option {
  padding: 7px 13px !important;
}
.ember-power-select-dropdown .patient-selector-option .power-select-patient-id,
.ember-power-select-dropdown .patient-selector-option .patient-display-name {
  line-height: 17px;
}
.ember-power-select-dropdown .patient-selector-option .patient-display-name-subtext,
.smaller-line-height,
.subtext,
.subtext-black {
  line-height: 13px;
}
.ember-power-select-trigger .hide-in-trigger {
  display: none !important;
}
.booking-recurrence-day-div:not(:first-child),
.ember-power-select-trigger .margin-left-ten-in-trigger,
.ember-power-select-trigger .patient-selector-option .patient-display-name-subtext,
.margin-left-ten {
  margin-left: 10px;
}
.margin-left-right-bottom-twentyeight {
  margin: 0 28px 28px 28px;
}
.margin-seventy {
  margin: 70px;
}
.patient-tag-trigger .ember-power-select-multiple-option .patient-tag {
  padding-left: 18px;
}
.patient-tag {
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  cursor: default;
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  margin: 4.75px 0;
  max-width: 180px;
  padding: 0 6px;
}
.header-container .patient-tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tags-holder .tag-wrapper {
  max-width: 31%;
}
.tags-holder {
  display: flex;
  width: 30%;
  margin-left: 5px;
}
.tags-holder .more-tags {
  background-color: #f6f8f9;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  box-sizing: border-box;
  color: #151b26;
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  margin: 0px 2px;
  text-align: center;
  width: 20px;
}
.more-tags .patient-tag {
  width: fit-content;
  max-width: unset;
}
.fit-content-width {
  width: fit-content;
}
.more-tags .patient-tag:not(:last-child) {
  margin-bottom: 5px;
}
.patient-tag-option-holder {
  margin-right: -7px;
  margin-left: -16px;
}
.patient-tag-trigger .ember-power-select-multiple-remove-btn {
  background: #f6f8f9;
  border-radius: 50%;
  height: 10px;
  line-height: 11px;
  padding: 1px;
  text-align: center;
  width: 10px;
  z-index: 1;
}
.ember-power-select-dropdown .patient-selector-option.deleted {
  background-color: #f9f9f9 !important;
}
.ember-power-select-dropdown .patient-selector-option.deleted .patient-display-name,
.inactive {
  color: #999;
  text-decoration: line-through;
  text-decoration-color: #999;
}
.ember-power-select-dropdown .patient-selector-option.deleted:hover .patient-display-name,
.ember-power-select-dropdown .patient-selector-option.deleted:hover .patient-display-name-subtext {
  color: #fff;
  text-decoration-color: #fff;
}
.ember-power-select-dropdown .patient-selector-option.deleted .patient-display-name-subtext {
  color: #aaa;
  text-decoration: line-through;
  text-decoration-color: #aaa;
}
.patient-selector-option .patient-display-text {
  display: flex;
  overflow: hidden;
}
.patient-selector-option .patient-display-text .patient-display-name {
  flex-shrink: 0;
}
.patient-selector-option .patient-display-text .patient-display-name-subtext {
  flex-shrink: 1;
}
.ember-power-select-dropdown .patient-selector-option .patient-display-text {
  flex-direction: column;
}
.quarter-vh > .ember-power-select-options[role='listbox'] {
  max-height: 25vh !important;
}
.margin-bottom-hundred,
.page-content-div-big-vertical-margin {
  margin-bottom: 100px !important;
}
.margin-bottom-six {
  margin-bottom: 6px;
}
.margin-bottom-sixty {
  margin-bottom: 60px;
}
.margin-bottom-threehundred {
  margin-bottom: 300px !important;
}
.margin-bottom-twentyfive {
  margin-bottom: 25px !important;
}
.margin-bottom-zero {
  margin-bottom: 0 !important;
}
.version-dot {
  line-height: 30px;
}
.video-container {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.video-container video,
.video-container .video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.error-page-container {
  max-width: 600px;
}
.error-page-container-image-holder {
  align-items: center;
  background: url(/assets/images/muntra-logo-heart.png);
  background-repeat: no-repeat;
  background-size: 600px 600px;
  filter: blur(20px);
  height: 600px;
  max-width: 600px;
  opacity: 0.2;
  position: absolute;
  width: 600px;
  z-index: -1;
}
.icon-menu {
  top: 38px !important;
}
.icon-small-trigger-holder,
.icon-trigger-holder {
  background-color: transparent;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.icon-small-trigger-holder {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  max-width: 34px !important;
  min-width: 34px !important;
  width: 34px !important;
}
.icon-trigger-holder {
  height: 39px !important;
  min-height: 39px !important;
  max-height: 39px !important;
  max-width: 39px !important;
  min-width: 39px !important;
  width: 39px !important;
}
.icon-small-trigger-holder svg {
  height: 15px !important;
  width: 15px !important;
}
.icon-trigger-holder svg {
  height: 19px !important;
  width: 19px !important;
}
.inbox-button {
  height: 22px !important;
  padding: 1px;
  position: relative;
  width: 22px !important;
}
.inbox-content-activity-row {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 15px;
}
.inbox-content-activity-row .avatar-container {
  max-width: 90px;
  padding-left: 20px;
}
.inbox-content-activity-row .contents-container-customer,
.inbox-content-activity-row .contents-container-support {
  flex: 1;
  margin-left: 10px;
}
.inbox-content-activity-row .contents-container-customer .message-header,
.inbox-content-activity-row .contents-container-support .message-header {
  align-items: center;
  display: flex;
  height: 40px;
  padding-left: 20px;
}
.inbox-content-activity-row .message-header .actor-name {
  font-weight: 500;
  padding-right: 10px;
}
.inbox-content-activity-row .contents-container-customer .message-body,
.inbox-content-activity-row .contents-container-support .message-body {
  padding: 0 20px 20px;
  word-break: break-word;
}
.inbox-content-activity-row .contents-container-support .message-body {
  padding-top: 20px;
}
.inbox-content-activity-row .contents-container-support .message-header {
  background-color: #3d9be9;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.inbox-content-activity-row .contents-container-support .message-header .actor-name,
.inbox-content-activity-row .contents-container-support .message-header .subtext {
  color: #fff;
}
.inbox-link {
  margin-right: 7px;
}
.nav-menu-loader,
.nav-menu-loader svg {
  height: 15px !important;
  width: 15px !important;
}
.nav-menu-loader path {
  fill: inherit !important;
}
.visible-loader {
  opacity: 1;
  visibility: visible;
}
.hidden-overflow-important {
  overflow: hidden !important;
}
.lab-jaw-svg {
  position: absolute;
  width: 100%;
}
.lab-work-indicator {
  border-radius: 50%;
  fill: #63f82e;
  height: 12px;
  right: 0;
  top: 0;
  width: 12px;
}
.locked-timetable {
  display: flex;
  flex-direction: column;
}
.locked-timetable .content-holder-expand {
  flex-grow: 1;
  overflow: hidden;
}
.low-height-dropdown .ember-power-select-options[role='listbox'],
.rebooking-dropdown .ember-power-select-options[role='listbox'] {
  max-height: 20vh !important;
}
.medium-height-dropdown .ember-power-select-options[role='listbox'] {
  max-height: 40vh !important;
}
.high-height-dropdown .ember-power-select-options[role='listbox'],
.high-height-popover {
  max-height: 60vh !important;
}
.flexable-height-trigger,
.patient-tag-trigger {
  height: auto !important;
}
.fourty-vertical-margin {
  margin-bottom: 40px;
  margin-top: 40px;
}
.patient-tag-trigger .ember-power-select-multiple-option,
.patient-tag-div {
  -webkit-box-align: center;
  align-items: center;
  background: #f6f8f9;
  border: 1px solid;
  border-color: #e8ecee;
  border-radius: 15px;
  box-sizing: border-box;
  color: #151b26;
  display: -webkit-inline-box;
  display: inline-flex;
  font-size: 12px;
  height: 20px;
  -webkit-box-pack: center;
  justify-content: center;
  line-height: 20px;
  margin: 3.5px;
  max-width: 180px;
  padding: 0 6px 0 3px;
  position: relative;
  transition-duration: 100ms;
  transition-property: background, border, color, fill;
  white-space: nowrap;
}
.pdf-canvas-holder {
  overflow: auto;
}
canvas.pdf-canvas {
  margin: 0 auto 15px auto;
}
.pride-character {
  color: #aaa;
  margin-right: 5px;
  min-width: 20px;
  text-align: center;
  width: 20px;
}
.pride-config-holder {
  width: 20%;
}
.pride-emulator-time {
  border-bottom: 1px solid #eee;
  height: 100%;
}
.pride-string-character-color {
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
}
.room-list-item {
  border-radius: 0;
  border-right: solid 4px transparent;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  height: 68px;
  line-height: 40px;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.room-list-item.selected-room {
  background-color: #f9f9f9;
  border-right: solid 4px #3482f5;
  color: #3482f5;
  font-weight: 700;
}
div.annotation.calculus,
div.annotation.filling,
g.measurement,
polygon.caries,
polygon.tooth_part_bone,
polygon.tooth_part_cementum,
polygon.tooth_part_dentin,
polygon.tooth_part_enamel,
polygon.tooth_part_pulp,
polygon.tooth_part_restoration {
  pointer-events: all;
  transition: fill 0.2s ease-out;
  visibility: hidden;
}
div.annotation.calculus,
div.annotation.filling {
  border-radius: 8px;
  left: 0;
  position: absolute;
  top: 0;
}
div.annotation.calculus {
  border: 1px solid #00e0aa;
}
div.annotation.filling {
  border: 1px solid #c4c4c4;
}
polygon.caries {
  fill-opacity: 0.5;
  fill: #ed3899;
  stroke: #c4005b73;
}
polygon.caries.hovered {
  fill: transparent;
}
polygon.tooth_part_bone {
  fill: rgb(255 204 51 / 25%);
  stroke: rgb(255 255 255 / 33%);
}
polygon.tooth_part_cementum {
  fill: #33c2ff40;
  stroke: rgb(255 255 255 / 33%);
}
polygon.tooth_part_dentin {
  fill: #49f2a140;
  stroke: rgb(255 255 255 / 33%);
}
polygon.tooth_part_enamel {
  fill: rgb(255 255 255 / 25%);
  stroke: rgb(255 255 255 / 33%);
}
polygon.tooth_part_pulp {
  fill: #7500ff40;
  stroke: rgb(255 255 255 / 33%);
}
polygon.tooth_part_restoration {
  fill: rgba(255, 147, 99, 0.6);
  stroke: rgb(255 255 255 / 33%);
}
div.annotation.calculus.showing,
div.annotation.filling.showing,
g.measurement.showing,
polygon.caries.showing,
polygon.tooth_part_bone.showing,
polygon.tooth_part_cementum.showing,
polygon.tooth_part_dentin.showing,
polygon.tooth_part_enamel.showing,
polygon.tooth_part_pulp.showing,
polygon.tooth_part_restoration.showing {
  visibility: visible;
}
.annotations-length {
  border-radius: 50%;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-right: 20px;
  width: 16px;
}
.annotations-length.calculus {
  background-color: #00e0aa;
  color: #000;
}
.annotations-length.caries {
  background-color: #ed3899;
  color: #fff;
}
.annotations-length.bridge,
.annotations-length.crown,
.annotations-length.filling,
.annotations-length.implant,
.annotations-length.root,
.count-indicator.equal-to-zero {
  background-color: #c4c4c4;
  color: #000;
}
.annotations-length.notable_margin {
  background-color: #8744ff;
  color: #fff;
}
.annotations-length.periapical_radiolucency {
  background-color: #1e93ff;
  color: #000;
}
.severity-indicator {
  border: 1px #ed3899 solid;
  border-radius: 50%;
  height: 5px;
  margin-left: 2px;
  width: 5px;
}
.severity-indicator.filled {
  background-color: #ed3899;
}
svg.rotated-ninety {
  transform: rotate(90deg);
}
.fetching-snapshots {
  background: #ffffffb3;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1;
}
.fetching-snapshots-spinner {
  max-width: 16px;
}
.fetching-snapshots-spinner svg {
  float: left;
  height: 15px;
  width: 15px;
}
.flex-align-bottom {
  margin-bottom: 0 !important;
  margin-top: auto !important;
}
.flex-align-self-end {
  align-self: flex-end;
}
.flex-align-top {
  margin-bottom: auto !important;
  margin-top: 0 !important;
}
.flex-even-grow {
  flex: 1 1 0px;
}
.flex-one {
  flex: 1 1 auto;
}
.flex-zero {
  flex: 0 0 auto;
}
.flex-table {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.calendar-hint {
  background: #383838;
  border-radius: 2px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  height: 28px;
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  transform: translate(48px, -50%) !important;
  transition: 0.2s ease;
  transition-delay: 0.1s;
  visibility: hidden;
  z-index: 1000000;
}
.hint-holder-to-right:hover > .calendar-hint {
  opacity: 0.75;
  visibility: visible;
}
.calendar-side-panel {
  align-content: start;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  width: 55px;
}
.calendar-side-panel-icon {
  padding: 7.5px;
  position: relative;
}
.calendar-side-panel-icon-indicator.active {
  background-color: rgba(0, 0, 0, 0.54);
  height: 39px;
  position: absolute;
  right: 1px;
  top: 8px;
  width: 3px;
}
.calendar-tab {
  background-color: #fff;
  box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  max-width: 0;
  min-width: 0;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(100%);
  transition:
    max-width 150ms,
    min-width 150ms,
    opacity 150ms,
    visibility 150ms;
  visibility: hidden;
}
.calendar-tab.expand {
  max-width: 300px;
  min-width: 300px;
  opacity: 1;
  position: static;
  transform: translateX(0);
  visibility: visible;
}
.calendar-tab-body,
.calendar-tab-header {
  padding: 8px;
}
.calendar-tab-header {
  border-bottom: solid 1px #f1f3f4;
}
.calendar-view,
.flex-tr {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  margin-bottom: -1px;
  margin-top: -1px;
  position: relative;
  max-width: 100%;
  width: 100%;
}
.flex-tr {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.photo-swiper-content-div .flex-tr {
  background-color: transparent;
  border-bottom-color: #424244;
  border-top-color: #424244;
}
.cbct-svg-holder {
  margin-bottom: -5.5px;
}
.ce-img {
  margin: 0;
  max-height: 300px;
  max-width: 100%;
  width: 500px;
}
.chat-reload-icon {
  background-color: #fff;
  position: absolute !important;
  right: 20px;
}
.check-mark-base {
  cursor: pointer;
  height: 24px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 24px;
}
.check-mark-base.enabled {
  pointer-events: auto;
}
.check-mark-background,
.check-mark-foreground {
  fill: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.check-mark-foreground {
  fill-opacity: 0.54;
  opacity: 0;
  transition: all 0.135s cubic-bezier(0, 0, 0.2, 1);
  transition-property: opacity, fill-opacity;
}
.check-mark-grey-foreground .check-mark-foreground {
  fill: #b3b3b3;
}
.check-mark-foreground.selected,
.check-mark-to-left-holder:hover .check-mark-to-left .check-mark-foreground:hover {
  fill-opacity: 1;
  opacity: 1;
}
.blue-when-selected.selected {
  fill: #1a73e8;
}
.check-mark-background {
  display: none;
}
.white-fill-important {
  fill: #fff !important;
}
.white-when-selected.selected {
  fill: #fff;
}
.check-mark-background.selected {
  display: block;
}
.check-mark-to-left .check-mark-base {
  left: 0;
  top: 2px;
}
.check-mark-to-left {
  cursor: pointer;
  flex: 0 0 0px;
  flex-basis: 0px;
  opacity: 0;
  transition:
    flex-basis 0.135s cubic-bezier(0, 0, 0.2, 1) 0.15s,
    opacity 0.15s linear;
  visibility: hidden;
}
.check-mark-to-left-holder .check-mark-to-left-next {
  position: relative;
  user-select: none;
}
.check-mark-to-left-holder .check-mark-to-left.selected,
.check-mark-to-left-holder:hover .check-mark-to-left {
  flex-basis: 30px;
  opacity: 1;
  transition:
    flex-basis 0.135s cubic-bezier(0, 0, 0.2, 1),
    opacity 0.15s linear 0.15s;
  visibility: visible;
}
.check-mark-to-left-holder:hover .check-mark-to-left .check-mark-foreground,
.has-patient.start-is-in-the-past:hover .check-mark-base.enabled .check-mark-foreground,
.parent:hover .check-mark-base.enabled .check-mark-foreground {
  opacity: 1;
}
.has-patient.start-is-in-the-past:hover .check-mark-base.enabled .check-mark-foreground:hover,
.parent:hover .check-mark-base.enabled .check-mark-foreground:hover {
  fill-opacity: 1;
}
.chevron {
  height: 12px;
  width: 12px;
}
.chevron path {
  stroke: rgb(117, 117, 117);
  stroke-linecap: square;
  stroke-width: 12px;
  transform-origin: 50%;
  transition:
    transform 300ms,
    stroke 300ms;
}
.chevron path.chevron-line-left {
  transform: matrix(0.743145, 0.669131, -0.669131, 0.743145, 0, 0);
}
.chevron path.chevron-line-right {
  transform: matrix(0.743145, -0.669131, 0.669131, 0.743145, 0, 0);
}
.cigarette-svg {
  fill: rgba(0, 0, 0, 0.54);
  margin: 12px;
  width: 25px;
}
.code {
  font-family: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', 'Liberation Mono', Menlo, Monaco, Consolas, monospace;
}
.code-holder {
  background-color: hsl(0, 0%, 96.5%);
  border-radius: 5px;
  box-sizing: border-box;
  padding: 12px;
}
.colored-if-odd:nth-child(even),
.colored-if-odd:nth-child(even) > .show-on-parent-hover {
  background: #fff;
}
.colored-if-odd:nth-child(odd),
.colored-if-odd:nth-child(odd) > .show-on-parent-hover {
  background: #f3f7fe;
}
.color-indicator-root {
  fill: #fff;
  stroke: #f6f6f6;
}
.color-indicator-crown {
  background-color: #fff;
  border: 1px solid #f6f6f6;
  border-radius: 2px;
  box-sizing: border-box;
  height: 6px;
  width: 8px;
}
.color-indicator-root-surface {
  background-color: #fff;
  border: 1px solid #f6f6f6;
  box-sizing: border-box;
  height: 3px;
  width: 6px;
}
.vertical-stretch-inside-flexrow {
  align-self: stretch;
}
.color-picker-holder {
  border-radius: 2px;
  border: 1px solid silver;
}
.color-picker-holder .small-add-icon {
  width: 34px;
}
.color-picker-holder .small-add-icon .hint-to-top {
  bottom: 8px !important;
}
.color-picker-native {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.color-picker-swatch-wrapper {
  flex-grow: 1;
  height: 34px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}
.color-picker-swatch-checkerboard {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size: 10px 10px;
  background-position:
    0 0,
    0 5px,
    5px -5px,
    -5px 0;
}
.color-picker-swatch-color {
  position: absolute;
  inset: 0;
}
.color-picker-swatch {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  cursor: pointer;
  opacity: 0;
}
.color-picker-swatch:disabled {
  cursor: not-allowed;
}
.color-picker-actions {
  display: flex;
  align-items: center;
}
.color-picker-opacity-icon {
  height: 11px;
  width: 11px;
}
.color-picker-light-icons svg {
  stroke: white !important;
  fill: white !important;
}
.color-picker-opacity-popup {
  position: absolute;
  bottom: calc(100% + 6px);
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px;
  background: #2b2d31;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.color-picker-opacity-track {
  position: relative;
  width: 24px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
}
.color-picker-opacity-checkerboard {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 8px 8px;
  background-position:
    0 0,
    0 4px,
    4px -4px,
    -4px 0;
}
.color-picker-opacity-gradient {
  position: absolute;
  inset: 0;
  border-radius: 4px;
}
.color-picker-opacity-slider {
  position: absolute;
  inset: 0;
  width: 120px;
  height: 24px;
  margin: 0;
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: top left;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
}
.color-picker-opacity-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  border: 2px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.color-picker-opacity-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  border: 2px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.color-picker-opacity-slider::-webkit-slider-runnable-track {
  background: transparent;
}
.color-picker-opacity-slider::-moz-range-track {
  background: transparent;
}
.color-picker-opacity-value {
  font-size: 11px;
  color: #ccc;
  white-space: nowrap;
  width: 32px;
  text-align: center;
}
.course-item-picker {
  position: relative;
}
.course-item-picker-line {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.course-item-picker-point {
  background-color: rgb(234, 240, 246);
  border-color: rgb(203, 214, 226);
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  height: 18px;
  width: 18px;
}
.course-item-picker.selected .course-item-picker-point {
  background-color: #fff;
  border-color: #5897fb;
}
.course-item-picker-line::after {
  border-left: 2px solid rgb(203, 214, 226);
  border-top: 0;
  content: ' ';
  display: inline-block;
  flex: 1 0 auto;
  position: relative;
  width: auto;
}
.course-item-picker-text {
  color: rgb(51, 71, 91);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  margin-left: 30px;
  margin-top: -2px;
  padding-bottom: 28px;
}
.course-item-pickers {
  margin-top: 16px;
}
.course-name {
  color: rgb(51, 71, 91);
  font-size: 20px;
  font-weight: 600;
  hyphens: auto;
  line-height: normal;
  overflow-wrap: break-word;
}
.course-name-comment {
  color: #516f90;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.course-sidebar {
  background-color: rgb(245, 248, 250);
  border-bottom: 1px solid #cbd6e2;
  border-right: 1px solid rgb(203, 214, 226);
  box-sizing: border-box;
  height: calc(100vh - 100px);
  max-width: 320px;
  min-width: 320px;
  overflow-y: auto;
  padding: 24px 35px;
  position: sticky;
  top: 100px;
}
.flex-table.no-th .flex-tr:first-child,
.flex-table.no-th .flex-tr:first-child .flex-td:first-child,
.flex-table.no-th .flex-tr:first-child .flex-td:first-child input,
.flex-table.no-th .flex-tr:first-child .flex-td:first-child textarea,
.flex-tr .flex-th:first-child {
  border-top-left-radius: 3px;
}
.flex-table.no-th .flex-tr:first-child,
.flex-table.no-th .flex-tr:first-child .flex-td:last-child,
.flex-table.no-th .flex-tr:first-child .flex-td.rounded-if-parent-first-child,
.flex-table.no-th .flex-tr:first-child .flex-td:last-child input,
.flex-table.no-th .flex-tr:first-child .flex-td:last-child textarea,
.flex-tr .flex-th:last-child {
  border-top-right-radius: 3px;
}
.flex-table .flex-tr:last-child,
.flex-table .flex-tr:last-child .flex-td:first-child,
.flex-table .flex-tr:last-child .flex-td:first-child input,
.flex-table .flex-tr:last-child .flex-td:first-child textarea {
  border-bottom-left-radius: 3px;
}
.flex-table .flex-tr:last-child,
.flex-table .flex-tr:last-child .flex-td:last-child,
.flex-table .flex-tr:last-child .flex-td:last-child input,
.flex-table .flex-tr:last-child .flex-td:last-child textarea {
  border-bottom-right-radius: 3px;
}
.flex-tr.thick-bottom-border .flex-td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.flex-tr.selected-row {
  background-color: #e8f0fe;
}
.flex-tr.thick-top-border .flex-td {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.transaction-drop-highlight {
  outline: 2px dashed #3482f5;
  outline-offset: -2px;
}
.clickable-tr[draggable='true'] {
  -webkit-user-drag: element;
}
.receipt .flex-tr.thick-top-border .flex-td {
  border-top: 1px solid #eee;
}
.receipt .rich-text-wrapper {
  display: inline;
}
.flex-table a {
  text-decoration: none;
}
.parent .stretch-on-parent-hover .stretch-show-on-parent-hover {
  display: flex;
  max-width: 1px;
  overflow: hidden;
  transition:
    max-width 150ms,
    overflow 150ms,
    transform 150ms;
}
.just-parent .show-on-parent-hover,
.parent .show-on-parent-hover {
  display: flex;
  opacity: 0;
  transition:
    opacity 150ms,
    transform 150ms;
  z-index: 2;
}
.parent .stretch-on-parent-hover {
  bottom: 0;
  flex-grow: 1;
  position: absolute;
  right: 0;
  top: 0;
}
.parent:hover > .stretch-on-parent-hover {
  width: auto;
  z-index: 1;
}
.booking-modal-button.parent:hover > .show-on-parent-hover,
.calendar-picker > .parent:hover > .show-on-parent-hover,
.calendar-view.parent:hover > .show-on-parent-hover,
.datetime-picker-holder.parent:hover > .show-on-parent-hover,
.draft-booking-patient.parent:hover > .show-on-parent-hover,
.file-name.parent:hover > .show-on-parent-hover,
.flex-td.parent:hover > .show-on-parent-hover,
.flex-tr.parent:hover > .show-on-parent-hover,
.header.parent > .calibrating.show-on-parent-hover,
.header.parent:hover > .show-on-parent-hover,
.image-editor-image.parent:hover > .show-on-parent-hover,
.just-parent:hover > .show-on-parent-hover,
.lab-response.parent:hover > .show-on-parent-hover,
.nav-link.parent:hover > .show-on-parent-hover,
.path-container.parent:hover > .show-on-parent-hover,
.patient-selector.parent:hover > .show-on-parent-hover,
.personal-id.parent:hover > .show-on-parent-hover,
.photo-swiper-item-thumbnail.parent:hover > .show-on-parent-hover,
.remittance-pane.parent:hover > .show-on-parent-hover,
.remittance-response-content-holder.parent:hover > .show-on-parent-hover,
.remittance-response-signed.parent:hover > .show-on-parent-hover,
.room-list-item.parent:hover > .show-on-parent-hover,
.search-field.parent:hover > .show-on-parent-hover,
.sms-template-picker.parent:hover > .show-on-parent-hover,
.color-picker-native.parent:hover > .show-on-parent-hover {
  opacity: 1;
  transform: translateX(0);
  z-index: 2;
}
.nav-link.parent > a.active + .show-on-parent-hover svg {
  fill: white;
}
.booking-modal-charge-button {
  min-height: 40px;
}
.sms-template-picker {
  position: relative;
}
.parent:hover .stretch-on-parent-hover .stretch-show-on-parent-hover {
  max-width: 100%;
  overflow: visible;
}
.calendar-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.seventyfive-px {
  width: 75px;
}
.show-child-on-hover .child {
  display: none;
}
.show-child-on-hover:hover .child {
  display: block;
}
.show-on-wide {
  display: none;
}
.sign-here {
  border-bottom: 1px dashed #333;
  height: 30px;
  width: 150px;
}
.silver-svg {
  color: silver;
  fill: silver;
}
.sixty-px {
  width: 60px;
}
.stop-holder {
  border: 1px solid #cac4c9;
  border-radius: 50%;
  box-sizing: border-box;
}
.stop-holder:hover {
  border-color: #fff;
}
ul.room-list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#global-portal .printContent {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#global-portal .printContentWithMargins {
  left: 70px;
  position: absolute;
  right: 70px;
  top: 35px;
}
.print-parodtooth {
  font-size: 10px;
}
.print-parodtooth .furc-cell,
.print-parodtooth .gr-cell,
.print-parodtooth .pocket-cell {
  font-size: 7px;
}
.print-to-thermal,
.print-to-thermal h4,
.receipt {
  color: black;
  font-family: 'Roboto', arial, sans-serif;
}
.print-to-thermal,
.print-to-thermal h4 {
  font-size: 15px !important;
}
.receipt-heading {
  font-size: 30px !important;
}
.receipt-content {
  padding-bottom: 50px;
}
.receipt-content .print-to-thermal,
.receipt-content .print-to-thermal h4 {
  font-size: 32px !important;
  white-space: normal;
  width: 100vw;
  word-break: break-word;
}
.receipt-content .print-to-thermal-smaller-font {
  font-size: 28px !important;
}
.receipt-content .print-to-thermal-smaller-font > * {
  margin-top: 35px !important;
}
.receipt-content-route-body .help-button-container {
  display: none;
}
.receipt-content .receipt-heading {
  font-size: 56px !important;
}
.receipt-content .flex-th {
  background: none !important;
  font-size: 15px;
}
.receipt-content .flex-tr .flex-th {
  padding-left: 0;
  padding-right: 0;
}
.receipt-content .flex-td {
  padding: 0;
}
.small-gray,
.toggle-expander.discreet h4 {
  color: #808080;
  font-size: 12px;
}
.toggle-expander.discreet h4 {
  font-weight: 400;
}
.small-tds .flex-td .ember-power-select-selected-item,
.flex-td.small-td .ember-power-select-selected-item {
  margin-right: 5px;
}
.rebooking-dropdown {
  width: 400px !important;
}
.receipt {
  color: black !important;
  font-size: 11px;
}
.receipt .flex-td,
.receipt .flex-th {
  border-top: 0;
  font-size: 11px;
  line-height: 15px;
  padding: 3px 0;
}
.bottom-nav-link .level0,
.calendar-header-now-button,
.level1,
.level2,
.middle-nav-link .level0,
.smaller-font {
  font-size: 13px;
}
.bottom-auto {
  bottom: auto !important;
}
.receipt .receipt-header {
  font-size: 22px;
}
.even-smaller-font {
  font-size: 12px;
}
.font-size-eleven {
  font-size: 11px;
}
.font-size-fourteen {
  font-size: 14px;
}
.red-background-important {
  background-color: #fa3e3e !important;
}
.red-fat-border {
  border: 5px solid #e01e5a !important;
}
.prescription-row-content,
.price-selector,
.remittance-content-holder,
.remittance-response-content-holder {
  max-width: 800px;
}
.margin-top-four {
  margin-top: 4px;
}
.margin-top-ten {
  margin-top: 10px;
}
.margin-top-ten-important {
  margin-top: 10px !important;
}
.margin-top-thirty {
  margin-top: 30px;
}
.remittance-pane {
  border-bottom: 1px solid #d8dcde;
  padding-bottom: 20px;
}
.remittance-response,
.remittance-response-text.external,
.task-comment-body.yellow,
.task-comment-textarea.yellow,
.yellow-text-holder {
  background: #fff6d9 !important;
  border: 1px solid #efdaa3 !important;
}
.remittance-response.internal,
.remittance-response-text.internal {
  background: #d9ffd9 !important;
  border: 1px solid #aaefa3 !important;
}
.task-comment-body.yellow,
.yellow-text-holder {
  border-radius: 3px;
  color: #2f3941;
  margin-bottom: 16px;
  padding: 12px 16px 14px;
}
.task-comment-email-svg {
  fill: silver;
  height: 16px;
  width: 16px;
}
.remittance-response-content-holder {
  flex: 1 1 auto;
  padding-top: 15px;
}
.remittance-response-signer-name {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  max-width: 400px;
  overflow: hidden;
}
.remittance-response-signed {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 24px;
}
.remittance-response-signed-at {
  color: #68737d;
  font-size: 12px;
  margin: 0 0 0 5px;
  padding-top: 2px;
}
.remittance-response-text {
  border-radius: 3px;
  color: #2f3941;
  padding: 12px 16px 14px;
}
.remittance-response-user-holder {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin-left: 12px;
  margin-top: 20px;
  width: 75px;
}
.remittance-search-clinic {
  border-bottom: 1px solid #ebebeb;
  padding: 5px;
  position: relative;
}
.remittance-search-clinic .show-on-parent-hover {
  background-color: #fff;
  bottom: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translate(100%);
  transition: transform 150ms;
  visibility: hidden;
}
.remittance-search-clinic:hover .show-on-parent-hover {
  opacity: 1;
  transform: translate(0);
  visibility: visible;
}
.booking-event-pride-holder h4,
.remittance-search-clinic h4 {
  flex-grow: 1;
  margin-top: 5px !important;
}
.remittance-search-result {
  width: 700px;
}
.remittance-search-result-header {
  border-bottom: 1px solid #ebebeb;
}
.retained-root {
  fill: #fff;
  height: 75px;
  pointer-events: none;
  width: 100%;
}
.upper .retained-root {
  transform: translateY(95px);
}
.risk-evaluation-slider {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
}
.room-dropdown {
  width: 120px !important;
}
.room-main-body-nav-body {
  overflow-x: visible;
  overflow-y: hidden;
}
.header-colored,
.room-nav-header {
  background-color: #f9f9f9;
}
.room-nav-header {
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 80px;
  margin: 0;
  max-height: 80px;
  min-height: 80px;
  padding: 22.5px 15px !important;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.row-reverse {
  flex-direction: row-reverse;
}
.microphone-icon {
  fill: #999999;
  height: 18px;
  stroke: transparent;
  width: 18px;
  transition: fill 200ms ease;
}
header .microphone-icon,
header .stop-icon,
header .svg-icon {
  cursor: pointer;
  fill: silver;
}
.stop-button {
  left: 0;
  opacity: 0;
  padding: 14px;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition:
    opacity 150ms,
    transform 150ms,
    visibility 150ms;
  visibility: hidden;
  width: 12px;
}
.stop-button .svg-icon {
  fill: #999999;
}
.microphone-link.active .stop-icon,
header .microphone-button:hover .microphone-icon,
header .notification-button:hover .svg-icon,
header .settings-button:hover .svg-icon,
header a:hover .inbox-button,
header a:hover .svg-icon,
header .link-button:hover .svg-icon {
  fill: #999999;
}
header .ai-pane-button:hover .svg-icon {
  color: #999999;
}
.microphone-button:not(.active):hover .microphone-icon {
  background-size: 100% 100%;
  fill: #666666;
}
.microphone-link.active .microphone-icon {
  fill: #2eb67d;
}
.microphone-link.active .stop-button {
  left: 23px;
  opacity: 1;
  transform: scaleX(1);
  visibility: visible;
}
svg text.anchor-right {
  text-anchor: end;
}
.absolute-position {
  position: absolute;
}
.apply-button-reset {
  color: rgba(255, 255, 255, 0.65);
}
.auto-size {
  height: auto !important;
  width: auto !important;
}
.background-inherit {
  background: inherit;
}
.calendar-settings {
  max-width: 256px;
  min-width: 256px;
  overflow-x: hidden;
  overflow-y: auto;
}
.calendar-view {
  height: 34px;
  padding: 0px 0px 0px 10px;
}
.calendar-view-link {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 15px;
  line-height: 17px;
  text-decoration: none;
}
.center-text,
.qr-code-caption,
.qr-code-text {
  justify-content: center;
  text-align: center;
}
.qr-code-text {
  color: #4f566b;
  font-size: 24px;
  font-weight: 700;
}
.flex-td,
.flex-th {
  box-sizing: border-box;
  display: flex;
}
.flex-th {
  background: #f6f7f9;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  padding: 10px 8px;
  text-align: left;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.flex-td {
  flex-shrink: 0;
  padding: 9px 8px;
}
.flex-td > input[type='checkbox'],
.flex-th > input[type='checkbox'] {
  height: 18px;
  margin: 0;
  width: 18px;
}
.center-self,
.flex-th > input[type='checkbox'] {
  align-self: center;
}
.eight {
  width: 8%;
}
.eighteen {
  width: 18%;
}
.eighty {
  width: 80%;
}
.eightyeight {
  width: 88%;
}
.eightyfive {
  width: 85%;
}
.eightyfour {
  width: 84%;
}
.eightyone {
  width: 81%;
}
.eightysix {
  width: 86%;
}
.eightytwo {
  width: 82%;
}
.eleven {
  width: 11%;
}
.fifteen {
  width: 15%;
}
.fifty {
  width: 50%;
}
.fiftyeight {
  width: 58%;
}
.fiftyfive {
  width: 55%;
}
.fiftyfour {
  width: 54%;
}
.fiftynine {
  width: 59%;
}
.fiftyone {
  width: 51%;
}
.fiftysix {
  width: 56%;
}
.fiftythree {
  width: 53%;
}
.fiftytwo {
  width: 52%;
}
.five {
  width: 5%;
}
.five-hundred-width {
  width: 500px;
}
.four {
  width: 4%;
}
.fourteen {
  width: 14%;
}
.fourty {
  width: 40%;
}
.fourtyeight {
  width: 48%;
}
.fourtyfive {
  width: 45%;
}
.fourtyfour {
  width: 44%;
}
.fourtynine {
  width: 49%;
}
.fourtyone {
  width: 41%;
}
.fourtyseven {
  width: 47%;
}
.fourtysix {
  width: 46%;
}
.fourtythree {
  width: 43%;
}
.fourtytwo {
  width: 42%;
}
.nine {
  width: 9%;
}
.nineteen {
  width: 19%;
}
.ninety {
  width: 90%;
}
.ninetysix {
  width: 96%;
}
.one {
  width: 1%;
}
.seven {
  width: 7%;
}
.seventeen {
  width: 17%;
}
.seventy {
  width: 70%;
}
.seventyeight {
  width: 78%;
}
.seventyfive {
  width: 75%;
}
.seventynine {
  width: 79%;
}
.seventyone {
  width: 71%;
}
.seventyseven {
  width: 77%;
}
.seventysix {
  width: 76%;
}
.six {
  width: 6%;
}
.sixteen {
  width: 16%;
}
.sixty {
  width: 60%;
}
.sixtyfive {
  width: 65%;
}
.sixtynine {
  width: 69%;
}
.sixtyone {
  width: 61%;
}
.sixtyseven {
  width: 67%;
}
.sixtysix {
  width: 66%;
}
.sixtythree {
  width: 63%;
}
.width-auto-important {
  width: auto !important;
}
.max-height-sixteen {
  max-height: 16px;
}
.max-width-none-important {
  max-width: none !important;
}
.target-svg {
  fill: #fff;
  height: 15px;
  width: 15px;
}
.task-comment-body,
.yellow-text-holder {
  font-size: 14px;
}
.task-input {
  appearance: none;
  border: 1px solid rgb(255, 255, 255);
  color: #2f3941;
  font-size: 20px;
  font-weight: 600;
  max-height: 18.75vh;
  padding: 0;
  transition:
    border-color 0.25s ease-in-out 0s,
    box-shadow 0.1s ease-in-out 0s,
    background-color 0.25s ease-in-out 0s,
    color 0.25s ease-in-out 0s;
}
.task-input:focus {
  border-color: rgb(31, 115, 183);
  box-shadow: rgb(31 115 183 / 35%) 0px 0px 0px 3px;
  outline: none;
}
.task-input:hover {
  border-color: rgb(31, 115, 183);
}
.task-input:placeholder-shown {
  border: 1px solid silver;
  border-radius: 3px;
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);
}
.padding-three,
.task-input-holder {
  padding: 3px;
}
.padding-twelve-important {
  padding: 12px !important;
}
.task-main-pane {
  border-left: 1px solid #e0e0e0;
}
.task-main-pane-body {
  position: relative;
}
.task-main-pane-footer {
  border-top: 1px solid #e0e0e0;
}
.task-main-pane-header {
  border-bottom: 1px solid #e0e0e0;
}
.task-public-picker {
  padding-top: 0 !important;
}
.task-public-picker.navigationbar {
  border-bottom: 0 !important;
}
.task-public-picker > .navigation-item {
  margin-left: 0 !important;
  margin-right: 25px !important;
}
.task-public-picker > .navigation-item > .navigation-link-item {
  margin: 0 !important;
}
.task-sidebar {
  background: rgb(249, 249, 249);
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  max-width: 330px;
  min-width: 330px;
  width: 330px;
}
.ten {
  width: 10%;
}
.thirteen {
  width: 13%;
}
.thirty {
  width: 30%;
}
.thirtyeight {
  width: 38%;
}
.thirtyfive {
  width: 35%;
}
.thirtyfour {
  width: 34%;
}
.thirtynine {
  width: 39%;
}
.thirtyone {
  width: 31%;
}
.thirtyseven {
  width: 37%;
}
.thirtysix {
  width: 36%;
}
.thirtythree {
  width: 33%;
}
.thirtytwo {
  width: 32%;
}
.three {
  width: 3%;
}
.twelve {
  min-width: 12%;
  width: 12%;
}
.twelve-and-half {
  width: 12.5%;
}
.twenty {
  width: 20%;
}
.twentyeight {
  width: 28%;
}
.twentyfive {
  width: 25%;
}
.twentyfour {
  width: 24%;
}
.twentynine {
  width: 29%;
}
.twentyone {
  width: 21%;
}
.twentyseven {
  width: 27%;
}
.twentysevenpointfive {
  width: 27.5%;
}
.twentysix {
  width: 26%;
}
.twentythree {
  width: 23%;
}
.twentytwo {
  width: 22%;
}
.two {
  width: 2%;
}
.acquired-by-muntra-text {
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  line-height: 25px;
  margin-right: 5px;
}
.side-burger-icon {
  transition: transform 150ms;
}
.expander-span.active,
.forward-icon,
.level0 .arrow.rotate,
.level1 .arrow.rotate,
.toggle-expand .toggle-expand-subclass,
.side-burger-icon.rotate {
  transform: rotate(180deg);
}
.as-calendar-timetable {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}
.as-calendar-timetable__day,
.column-clinic,
.column-date,
.column-date-header,
.column-multi-day {
  border-left: 1px solid #9c9ea1;
  border-right: 1px solid #9c9ea1;
}
.auto-margin {
  margin: auto;
}
.auto-margin-horizontally {
  margin-left: auto;
  margin-right: auto;
}
.auto-margin-important {
  margin: auto !important;
}
.auto-margin-sides {
  margin: 0 auto;
}
.auto-margin-vertically {
  margin: auto 0;
}
.dark-background {
  background-color: rgba(0, 0, 0, 0.54) !important;
}
.datepicker-by-sign-button,
.datepicker-holder {
  max-width: 250px;
}
.datetime-picker {
  flex: 0 0 1px;
}
.datetime-picker.stretch,
.payment-list-cell > .datetime-picker {
  flex-basis: 100%;
}
.datetime-picker-clear-button,
.datetime-picker-trigger-button {
  background: transparent;
  border: 0;
  bottom: 0;
  cursor: pointer;
}
.datetime-picker-clear-button {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.datetime-picker-holder {
  align-items: stretch;
}
.datetime-picker-input {
  height: 18px;
  line-height: 18px;
}
.datetime-picker-input-unit:focus {
  outline: none;
}
.datetime-picker-holder:not([disabled]) .datetime-picker-input-unit:focus {
  background-color: #3687ff75;
}
.price-selector .all-filter-label,
.datetime-picker-holder:not([disabled]) .datetime-picker-input.no-date .datetime-picker-input-unit:focus {
  color: #919ca7;
}
.datetime-picker-input.no-date {
  opacity: 0;
  transition: opacity 200ms;
}
.datetime-picker-holder:hover .datetime-picker-input.no-date,
.datetime-picker-holder:focus-within .datetime-picker-input.no-date {
  opacity: 1;
}
.date-enabled .datetime-picker-holder,
.narrow-number-input,
.year-picker {
  width: 15ch;
}
.date-enabled.clear-enabled .datetime-picker-holder {
  position: relative;
  width: 17ch;
}
.narrow-date-picker.date-enabled.clear-enabled .datetime-picker-holder {
  width: 14ch;
}

.datetime-enabled .datetime-picker-holder {
  width: 22ch;
}
.time-enabled .datetime-picker-holder,
.width-ten-characters {
  width: 10ch;
}

.time-enabled.clear-enabled .datetime-picker-holder {
  transition: width 150ms;
}

.time-enabled.clear-enabled .datetime-picker-holder:hover {
  width: 12ch;
}
.datetime-picker-modal {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 10px #222;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  transition: transform 300ms;
  transform: translateY(-8px);
  visibility: hidden;
  z-index: 99999;
}
.datetime-picker-modal:focus {
  outline: none;
}
.datetime-picker.above > .datetime-picker-modal {
  bottom: 32px;
}
.datetime-picker.below > .datetime-picker-modal {
  top: 32px;
}
.cropper-selection-shade.left,
.datetime-picker.left > .datetime-picker-modal {
  left: 0;
}
.cropper-selection-shade.right,
.datetime-picker.right > .datetime-picker-modal,
.right-zero {
  right: 0;
}
.datetime-picker.right > .datetime-picker-modal {
  left: auto;
}
.datetime-picker.right > .datetime-picker-holder,
.datetime-picker.right > .datetime-picker-input {
  margin-left: auto;
}
.image-editor-toolbar-pane .datetime-picker.below > .datetime-picker-modal {
  top: 52px;
}
.image-editor-toolbar-pane .checkbox {
  border-color: #bbb;
  fill: #bbb;
}
.image-editor-toolbar-pane .checkbox.checked,
.image-editor-toolbar-pane .checkbox:hover {
  border-color: #fff !important;
}
.image-editor-toolbar-pane .checkbox > .background {
  background-color: #232c38;
}
.datetime-picker-modal.is-showing {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.column:not(:last-child),
.column-header:not(:last-child),
.day-heading-column:not(:last-child) {
  border-right: 1px solid #e8eaec;
}
.column,
.column-clinic,
.column-date,
.column-date-header,
.column-header {
  flex: 1 1 0px;
}
.column-clinic {
  color: #666;
  font-size: 12px;
  font-weight: 500;
  padding: 5px;
}
.column-header,
.column-date-header {
  min-width: 0;
}
.declaration-property-response-heading {
  box-sizing: border-box;
  margin-right: 10px;
  text-align: center;
  width: 5%;
}
.declaration-print-field {
  height: 39px;
  font-size: 12px;
}
.declaration-print-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border: 1px solid transparent;
}
.declaration-print-container > div {
  box-shadow: 0 0 0 1px #9c9ea1;
}
.column-count-four {
  column-count: 4;
  column-gap: 0;
}
.column-count-three {
  column-count: 3;
  column-gap: 0;
}
.column-count-two {
  column-count: 2;
  column-gap: 0;
}
.declaration-print-section .declaration-print-item {
  display: inline-block;
  margin-top: -3px;
}
.declaration-print-border-top {
  border-top: 1px solid #9c9ea1;
}
.declaration-print-border-bottom {
  border-bottom: 1px solid #9c9ea1;
}
.declaration-print-border-right {
  border-right: 1px solid #9c9ea1;
}
.declaration-print-border-left {
  border-left: 1px solid #9c9ea1;
}
.declaration-property-checkbox {
  border: 2px solid black;
  flex-shrink: 0;
  height: 10px;
  margin: 3px;
  width: 10px;
}
.checked .declaration-property-checkbox:before {
  content: '\2713';
  display: inline-block;
  color: black;
  position: absolute;
  line-height: 0.9;
  font-size: 13px;
}
.empty-declaration-body .medications-block {
  height: 165px;
}
.empty-declaration-body .declaration-note {
  height: 60px;
}
.empty-declaration-body .medical-treatment-block {
  height: 80px;
}
.declaration-medication-list {
  height: 90px;
}
.deepest-pocket {
  align-items: center;
  box-sizing: border-box;
  color: #b1b8c0;
  display: flex;
  font-size: 10px;
  height: 17px;
  justify-content: center;
  padding: 2px;
}
.deepest-pocket.deep-pocket {
  color: #fff !important;
  font-weight: 500;
}
.deepest-pocket-value {
  align-items: center;
  border: 1px solid #b1b8c0;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  height: 13px;
  justify-content: center;
  line-height: 13px;
  width: 13px;
}
.deepest-pocket.deep-pocket .deepest-pocket-value {
  background-color: #e01e5a !important;
  border-color: #e01e5a;
}

.delete-overlay {
  z-index: 51;
}
.width-three-hundred {
  width: 300px !important;
}
.dirty .flex-td,
.dirty .flex-td input,
.dirty .flex-td textarea {
  font-style: italic;
}
.dirty .ignore-dirty {
  font-style: normal !important;
}
.dont-overstretch {
  align-self: flex-start;
}
.dont-grow {
  flex-grow: 0 !important;
}
.dont-shrink {
  flex-shrink: 0;
}
.assistant-chat .status-message .message-body,
.column-date-header .sub-heading,
.day-sub-heading,
.day-sub-heading div,
.dot-dot-dot-text,
.ember-power-select-trigger .dot-dot-dot-text-if-trigger,
.favorite-button,
.room-list-message,
.room-list-name-span,
.thin-booking-listitem.gray > .flex-td > .dot-dot-dot-text-if-booking-cancelled {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.draft-booking-over-modal {
  z-index: 51 !important;
}
.draft-booking-patient {
  height: 30px;
}
.draft-booking-patient:hover {
  background-color: rgba(32, 33, 36, 0.039);
}
.draft-booking-patient,
.draft-booking-patient-heading {
  margin-bottom: 0 !important;
  padding: 0 15px;
}
.draft-booking-patient-holder {
  padding: 15px 0;
}
.draft-booking-title {
  margin: 15px;
}
.dragging-bottom-half {
  border-bottom: 1px solid #000;
  z-index: 2;
}
.dragging-child {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 12px;
  margin-left: 10px;
  max-width: 500px;
  padding: 0 5px;
  pointer-events: none;
}
.dragging-top-half {
  border-top: 1px solid #000;
  z-index: 2;
}
.drop-down-no-result {
  margin: 0;
  padding: 5px;
}
.selected-booking-over-modal {
  box-shadow: 0 5px 10px #222;
}
.selected-booking-over-modal:not(.multi-day-booking) {
  left: 0 !important;
  width: 100% !important;
}
.microphone-button,
.settings-button {
  height: 18px;
  padding: 3px;
  width: 18px;
}
.microphone-link {
  border: 2px solid transparent;
  border-radius: 20px;
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
  transition: all 200ms ease;
}
header .microphone-link {
  background-color: #fff;
}
.microphone-link::before {
  background-color: #2eb67d;
  border-radius: 20px;
  content: '';
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.5s ease-in-out;
}
.microphone-link.active {
  background-color: rgba(46, 182, 125, 0.08);
  border-color: rgba(46, 182, 125, 0.3);
  box-shadow: 0 2px 8px rgba(46, 182, 125, 0.2);
}
.microphone-link.active.running {
  animation: pulse-green-shadow 1.2s ease-in-out infinite;
}
.microphone-link .microphone-button {
  transition: padding-right 150ms;
  padding: 8px;
}
.microphone-link.active .microphone-button {
  padding-right: 33px;
}
.settings-link {
  margin-left: 7px;
}
.show-patient-calendar-toggler {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
}
.slider-cell {
  padding: 45px 15px 5px 15px !important;
}
.slide-out-left {
  animation: slideOutLeft 0.1s ease-out forwards;
}

@keyframes slideOutLeft {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-50%);
  }
}

.slim-stroke {
  stroke-width: 0.5;
}
.small-loader {
  height: 25px !important;
  width: 25px !important;
}
.more-menu-modal .small-loader {
  height: 18px !important;
  width: 18px !important;
}
.small-loader-holder {
  transition:
    opacity 100ms,
    visibility 100ms;
}
.span-button {
  padding: 0 10px;
  text-align: left;
}
.sticky-top-in-ai-pane,
.sticky-top-in-help-widget {
  background-color: #f9f9f9;
  position: sticky;
  top: 0;
  z-index: 3;
}
.sticky-top-switch {
  align-items: center;
  display: flex;
  flex-grow: 2;
  flex-shrink: 2;
  justify-content: center;
  padding: 7px;
}
.margin-left-five,
.sticky-top-switch .switch {
  margin-left: 5px;
}
.sticky-tr,
.sticky-tr-under-navbar {
  position: sticky;
  z-index: 1;
}
.sticky-tr {
  top: -1px;
}
.sticky-tr-under-navbar {
  top: 46px;
}
.bold,
.printContent .bold,
.printContentWithMargins .bold,
.print-to-thermal .bold,
.bold-tr .flex-td {
  font-weight: 700;
}
.kinda-bold {
  font-weight: 500;
}
.kjernejournal-icon-holder {
  height: 30px;
  margin-left: 5px;
  width: 30px;
}
.booking-event {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.booking-summary .modal-header {
  padding-top: 0;
}
.booking-context-menu,
.booking-summary {
  z-index: 49;
}
.booking-modal,
.booking-summary {
  background: #fff;
  color: #2c2d30;
  font-size: 14px;
  min-width: 400px;
  opacity: 1;
  padding: 0 !important;
}
.booking-modal {
  transform: translate(0, 0);
  transition: transform 100ms linear 50ms !important;
}
.animate-modal-from-left .booking-modal {
  transform: translateX(8px);
}
.animate-modal-from-right .booking-modal {
  transform: translateX(-8px);
}
.horizontal-booking-modal .booking-modal {
  transform: translate(0, -8px);
}
.annotation-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 10px 12px;
  position: relative;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.annotation-card--highlighted {
  border-color: #4285f4;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15);
}
.annotation-card-actions {
  margin-right: 8px;
  margin-top: 8px;
}
.annotation-card-creating {
  border-color: #b3d4ff;
}
.annotation-card-match-text {
  color: #555;
  font-size: 0.85em;
  font-style: italic;
  margin-bottom: 6px;
}
.annotation-card-prompt {
  color: #222;
  font-size: 0.95em;
  margin-bottom: 6px;
}
.annotation-container {
  display: flex;
  flex: 1;
  gap: 20px;
  max-width: 1100px;
  min-height: 0;
}
.annotation-editor-area {
  flex: 1;
  min-width: 0;
}
.annotation-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 280px;
}
.prompt-input-highlight {
  background-color: #fff3cc;
  border-radius: 2px;
}
.prompt-input-highlight--active {
  background-color: #ffe58f;
}
.annotation-group-heading {
  padding: 8px 5px;
}
.annotation-group-heading.no-annotation .finding-name {
  color: #999;
}
.annotation-group-heading.no-annotation .checkbox {
  border-color: #999;
}
.annotation-list-item {
  background-color: #1a212a;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 13px;
  margin: 2.5px 0;
  padding: 10px 5px;
  transition: box-shadow 0.2s ease-out;
}
.annotation-list-item:hover {
  box-shadow: 0 0 0 2px #ed3899;
  outline: none;
}
.annotation-section-heading {
  border-bottom: 1px solid #333;
  padding: 8px 5px;
}
.booking-summary-dates {
  color: #3c4043;
  font-size: 14px;
}
.booking-summary-text {
  display: -webkit-box;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.booking-list-item.booking-summary-text {
  white-space: normal;
  width: 300px;
}
.booking-summary-text-holder {
  padding: 15px;
}
.is-showing-bottom-border {
  border-bottom: 1px solid #e5e5e5;
}
.duration-selector {
  align-items: center;
  display: flex;
  margin: 5px;
}
.duration-selector-dropdown,
.version-selector-dropdown {
  min-width: 203px;
}
.ember-application h1,
.ember-application h2,
.ember-application h3,
.ember-application h4,
.ember-application h5 {
  font-weight: 500;
}
.ember-application h1,
.ember-application h2,
.ember-application h3 {
  line-height: 1.5em;
}
.ember-application h1 {
  font-size: 30px;
}
.ember-application h2 {
  font-size: 22.5px;
}
.ember-application h3 {
  font-size: 18px;
}
.ember-application h4 {
  display: flex;
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 3px;
  overflow: hidden !important;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ember-application h5 {
  display: flex;
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 3px;
}
.ember-application h4.non-wrap {
  white-space: normal;
}
.calendar-picker {
  margin: 12px auto;
  width: 210px;
}
.mini-calendar {
  margin: 16px auto;
  width: 200px;
}
.mini-calendar-weekrow {
  overflow: hidden;
}
.datetime-picker-day,
.datetime-picker-weekday,
.mini-calendar-day,
.mini-calendar-week,
.mini-calendar-weekday {
  align-items: center;
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
  padding: 0;
}
.datetime-picker-day,
.datetime-picker-weekday,
.emoji-button,
.mini-calendar-day,
.mini-calendar-weekday {
  appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
}
.datetime-picker-month {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin-right: 5px;
}
.booking-summary-dates::first-letter,
.datetime-picker-month::first-letter,
.message-group-day-text::first-letter,
.speech-command::first-letter,
.uppercase,
.uppercase-first-letter::first-letter {
  text-transform: uppercase;
}
.datetime-picker-time {
  border-top: 1px solid #e6e6e6;
}
.datetime-picker-weekday {
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  font-weight: bolder;
  height: 28px;
}
.datetime-picker-day,
.mini-calendar-day {
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 100ms linear;
}
.datetime-picker-day,
.datetime-picker-weeknumber {
  font-size: 14px;
  height: 39px;
  line-height: 39px;
  margin: 1px;
  max-width: 39px;
  min-width: 39px;
  width: 39px;
}
.mini-calendar-day {
  font-size: 10px;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  margin: 1px;
  max-width: 24px;
  min-width: 24px;
  width: 24px;
}
.datetime-picker-day.current-month:hover,
.mini-calendar-day.current-month:hover {
  background-color: #f1f3f4;
}
.datetime-picker-day.other-month,
.datetime-picker-weeknumber {
  color: rgba(57, 57, 57, 0.3);
}
.mini-calendar-day.other-month {
  color: #757575;
}
.datetime-picker-day.other-month:hover,
.mini-calendar-day.other-month:hover {
  background-color: #f1f3f4;
}
.datetime-picker-day.today,
.datetime-picker-day.today:hover,
.mini-calendar-day.today,
.mini-calendar-day.today:hover {
  background-color: #4285f4;
  color: white;
}
.datetime-picker-weekwrapper {
  box-shadow: 1px 0 0 #e6e6e6;
}
.mini-calendar-day,
.mini-calendar-week {
  font-size: 10px;
  height: 24px;
  line-height: 24px;
  margin: auto;
  max-width: 24px;
  min-width: 24px;
  width: 24px;
}
.mini-calendar-week {
  background-color: #ebeeef;
  color: #3c4043;
}
.datetime-picker-day.is-selected,
.mini-calendar-day.is-selected {
  background-color: #d2e3fc;
  color: #185abc;
}
.datetime-picker-day.is-selected:hover,
.mini-calendar-day.is-selected:hover {
  background-color: #aecbfa;
}
.datetime-picker-year-picker {
  border: 0;
  width: 7ch;
}
.petite-number-field {
  width: 7ch;
}

.mini-calendar-nav-title .datetime-picker-year-picker {
  background-color: rgb(249, 249, 249);
  color: #757575;
  font-size: 12px;
}
.datetime-picker-time-input:hover,
.datetime-picker-year-picker:hover {
  background: rgba(0, 0, 0, 0.05);
}
.mini-calendar-nav {
  display: flex;
  height: 32px;
  line-height: 32px;
}
.mini-calendar-nav-title {
  color: #757575;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-transform: capitalize;
}
.mini-calendar-weekday {
  color: #757575;
  font-size: 10px;
  font-weight: 500;
  height: 24px;
}
.ember-power-select-multiple-option {
  align-self: flex-start;
  background-color: #3d9be9 !important;
  border-color: #ccc !important;
  color: #fff !important;
  display: flex;
  max-width: 100%;
}
.ember-power-select-multiple-remove-btn {
  padding-right: 4px;
}
.ember-power-select-options[role='listbox'] {
  max-height: 36em !important;
}
.ember-power-select-placeholder {
  margin-left: 0 !important;
}
.price-selector .ember-power-select-placeholder {
  font-size: 12px;
}
.ember-power-select-trigger[aria-disabled='true'] {
  background: #f9f9f9 !important;
  box-shadow: none !important;
  color: #666;
  cursor: auto;
}
.margin-bottom-ten {
  margin-bottom: 10px !important;
}
.margin-bottom-three {
  margin-bottom: 3px;
}
.margin-bottom-two {
  margin-bottom: 2px;
}
.margin-right-bottom-four {
  margin-bottom: 4px;
  margin-right: 4px;
}
.margin-left-sixteen {
  margin-left: 16px !important;
}
.margin-right-ten {
  margin-right: 10px;
}
.margin-right-ten-important {
  margin-right: 10px !important;
}
.margin-right-twentyeight {
  margin-right: 28px;
}
.margin-right-sixtyeight {
  margin-right: 68px;
}
.page-loader-text {
  color: #444;
  text-align: center;
  width: 300px;
}
div.power-select-patient .power-select-patient-id {
  display: flex;
  flex-shrink: 0;
  padding-right: 10px;
}
.ember-power-select-dropdown .patient-selector-option .power-select-patient-id {
  flex-direction: column;
}
.ember-power-select-options div.power-select-patient .power-select-patient-id,
.power-select-show-all .power-select-patient-id,
.hundred-px {
  width: 100px;
}
div.power-select-show-all a {
  display: inline-block;
  padding: 5px 13px;
  width: 100%;
}
.no-margin-left {
  margin-left: 0;
}
.ember-power-select-selected-item,
.no-margin-left-important {
  margin-left: 0 !important;
}
.ember-power-select-selected-item {
  margin-right: 23px;
  overflow-x: hidden;
}
.ember-power-select-selected-item .hide-as-selected {
  display: none;
}
.extra-dark-background {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.prescription-section-heading {
  height: 37px;
  margin: 0;
  padding: 0 0 0.5% 0;
}
.prescription-todo-text {
  display: flex;
  font-weight: 700;
  margin-left: 5px;
  text-decoration: underline;
}
.prescription-todo-text.green {
  color: #2eb67d;
  text-decoration: none !important;
}
.prescription-todo-text.red {
  color: #e01e5a;
}
.print-address-padding {
  padding-left: 10% !important;
}
.ember-power-select-multiple-option div.power-select-option-row,
.ember-power-select-selected-item div.power-select-option-row {
  display: flex;
  max-width: 100%;
}
.ember-power-select-selected-item .show-as-selected {
  display: inline;
}
.ember-power-select-search-input,
.ember-power-select-search-input:focus {
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08) !important;
}
.ember-power-select-option .show-as-selected {
  display: none;
}
.event-color {
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
}
.event-color-holder {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.booking-content.left-seven,
.event-color-holder.left-seven {
  left: 13px;
}
.booking-dragger .booking-title,
.booking-dragger h1,
.pointer-events-none {
  pointer-events: none;
}
.booking-dragger.draggable,
.calendar-side-panel-item.draggable,
.clickable,
.pointer {
  cursor: pointer;
}
.cursor-default-important,
.disabled.filter,
.disabled .clickable,
.disabled span.slider {
  cursor: default !important;
}
.booking-resizer {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  height: 50%;
  max-height: 8px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.booking-resizer.resizeable {
  cursor: ns-resize;
}
.booking-parking {
  background: #fff;
  border-right: 1px solid #9c9ea1;
  border-top: 1px solid #dddddd;
  display: flex;
  flex: 0 0 50px;
  flex-direction: row;
  height: 50px;
  min-height: 50px;
  padding: 5px;
  width: 100%;
}
.booking-parking .a-calendar-occurrence {
  float: left !important;
  height: 100% !important;
  margin-right: 5px !important;
  max-height: 100% !important;
  overflow: hidden !important;
  position: static !important;
  text-overflow: ellipsis !important;
  width: 120px !important;
}
.booking-parking .a-calendar-occurrence__container,
.image-size-sensor,
.height-hundred,
.option-color,
.painter-board,
.painter-board-holder {
  height: 100%;
}
.painter-board {
  cursor:
    url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.939%2018.93a1%201%200%200%200%201.131%201.13l4.29-.613a3%203%200%200%200%201.697-.848l9.428-9.428a3%203%200%200%200%200-4.243l-1.414-1.414a3%203%200%200%200-4.243%200L5.4%2012.943a3%203%200%200%200-.848%201.697l-.613%204.29Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22m4.929%2019.071%202.475-.354-2.121-2.12-.354%202.474Zm.531-3.712%203.18%203.181.578-.083a2%202%200%200%200%201.131-.566l9.428-9.428a1.99%201.99%200%200%200%20.537-.973%201.99%201.99%200%200%200-.537-1.855l-1.414-1.414a2%202%200%200%200-2.828%200L6.107%2013.65a2%202%200%200%200-.565%201.131l-.083.578Z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E')
      2 20,
    auto;
  position: absolute;
  z-index: 1;
}
.painter-board.write-text {
  cursor: text;
}
.course-item-picker:last-of-type .course-item-picker-line::after,
.painter-board.hidden {
  visibility: hidden;
}
.painter-textarea {
  background: transparent;
  line-height: normal;
  outline: none;
  overflow: hidden;
  resize: none;
  white-space: nowrap;
}
.wheel-zooming {
  cursor: grab;
}
.wheel-zooming-indicator {
  align-items: center;
  border-radius: 7px;
  color: white;
  cursor: pointer;
  gap: 12px;
  margin: 10px;
  padding: 5px 14px;
  position: fixed;
  transform: translateY(-150%);
}
.wheel-zooming-indicator .zoom-button {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 4px;
}
.wheel-zooming-indicator .zoom-button:hover {
  opacity: 0.7;
}
.wheel-zooming-indicator .zoom-icon {
  fill: white;
  height: 12px;
  width: 12px;
}
.wheel-zooming-indicator .zoom-percentage {
  cursor: pointer;
  min-width: 50px;
  text-align: center;
}
.image-comparison-item .wheel-zooming-indicator {
  transform: translateY(0);
}
.image-size-sensor.wheel-zooming .image-editor-image-holder,
.image-size-sensor.zooming:hover .image-magnifying-glass,
.wheel-zooming .image-comparison-image-holder {
  transition: 0.1s ease;
}
.image-size-sensor.zooming:hover .image-magnifying-glass {
  opacity: 1 !important;
}
.booking-parking .booking-dragger {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.booking-parking .booking-resizer {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.booking-title,
.booking-title-normal {
  font-size: 12px;
  line-height: 15px;
  overflow: hidden;
  padding: 1px 0;
  white-space: nowrap;
}
.booking-title {
  font-weight: 700;
}
.booking-title img {
  height: 11px;
  margin: 2px;
  min-width: 11px;
  width: 11px;
}
.ball {
  border-radius: 50%;
  float: left;
  height: 18px;
  width: 18px;
}
.ball.status-ball {
  height: 20px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 6px;
  width: 20px;
}
.calendar-booking-type-indicator {
  height: 100%;
  position: absolute;
  width: 13px;
}
.small-bright-ball {
  border: 1px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  height: 8px;
  width: 8px;
}
.small-bright-ball.green {
  background-color: #009933;
}
.small-bright-ball.red {
  background-color: rgb(255, 0, 0);
}
.small-bright-ball.yellow {
  background-color: #ffcc00;
}
.status-indicator {
  box-shadow: 1px 0px 4px -1px #eee;
  width: 2%;
}
.status-indicator > div {
  height: 100%;
}
.small-ball {
  border-radius: 50%;
  height: 12px;
  width: 12px;
}
.button-file input[type='file'],
.icon-file input[type='file'],
input[type='file'].hidden {
  display: none;
}
.mini-disclaimer-text {
  color: #637282;
  font-size: 11px;
  line-height: normal;
  margin-right: 3px;
}
.mini-loader {
  height: 15px !important;
  width: 15px !important;
}
svg.mini-svg {
  height: 15px;
  width: 15px;
}
div.mini-svg-holder {
  max-width: 16px;
}
.button-menu-modal,
.more-menu-modal,
.notifications-menu-modal {
  height: auto !important;
  overflow: hidden;
  padding: 0;
}
.button-menu-modal {
  bottom: 36px;
  font-weight: normal;
  right: -3px !important;
  top: auto !important;
}
.modal-warning-holder {
  padding: 4%;
}
.menu,
.more-menu-modal,
.notifications-menu-modal {
  min-width: 300px;
  width: 450px;
}
.sr-legend-modal {
  min-width: 350px;
  width: 350px;
}
.sr-legend-modal.menu {
  top: 31px;
}
.capitalize {
  text-transform: capitalize;
}
.payment-button .menu {
  max-width: 100%;
}
.more-menu-modal {
  max-width: 100%;
  top: 46px !important;
}
.more-menu-small-modal {
  top: 25px !important;
  min-width: 250px !important;
  width: 250px !important;
}
.settings-menu :first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.settings-menu span.subtext {
  color: #637282;
  font-weight: normal !important;
}
.menu :last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mount-item-svg {
  width: 10px;
}
.mount-template {
  border: 2px solid transparent;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2);
  cursor: pointer;
  padding: 5px;
}
.mount-template:hover {
  background-color: #fafcfe;
  border: 2px solid #d2e2ea;
}
.mini-group-item {
  padding: 2px;
  flex: 0 0 22%;
}
.mini-group-item,
.mini-mount-item,
.mount-item {
  box-shadow: 0 0 0 0 rgba(0, 196, 204, 0);
  font-size: 12px;
  transition: box-shadow 0.2s ease-out;
}
.mount-item:hover {
  background-color: #f9f9f9;
  border-color: #d2e2ea;
}
.mount-item.hidden {
  visibility: hidden;
}
.mount-item-holder,
.mount-template-item-holder {
  box-sizing: border-box;
  padding-top: 43.75%;
  position: relative;
  width: 100%;
}
.mount-template-item {
  align-items: center;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2);
  box-sizing: border-box;
  font-size: 11px;
  font-weight: 500;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}
.mount-template-item.has-image {
  background-color: transparent;
  border-color: transparent;
}
.a-calendar-occurrence.has-selected-patient,
.more-menu-popover {
  box-shadow: 0 5px 10px #222;
  transition: box-shadow 100ms linear;
}
.a-calendar-occurrence.has-selected-patient.not-resizing:not(:hover) .booking-event {
  animation: zoomIn 0.5s cubic-bezier(0.47, 0, 0.75, 0.72) infinite alternate;
}
.calibrating {
  animation: zoomInMajor 0.5s cubic-bezier(0.47, 0, 0.75, 0.72) infinite alternate;
}
@keyframes zoomIn {
  0% {
    transform: scale(1.08, 1.08);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInMajor {
  0% {
    transform: scale(1.4, 1.4);
  }
  100% {
    transform: scale(1, 1);
  }
}
.more-menu-popover {
  margin: 0 !important;
  min-width: 450px;
}
.selected-item-rebooking {
  margin-top: 3px;
}
.side-panel-list > li .secondary {
  color: #222;
  font-size: 13px;
  font-weight: 700;
}
.standard-line {
  border: 0;
  border-top: 1px solid #dedfe0;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
}
.story-body {
  margin: 15px 30px 5px;
  min-height: 30px;
  transition: background-color 0.5s linear;
  word-wrap: break-word;
}
.story-body-wrapper {
  padding: 1px 0;
}
.story-content {
  flex-grow: 1;
}
.story-icon {
  min-width: 42px;
  overflow: hidden;
  padding-right: 6px;
  width: 42px;
}
.story-message {
  display: flex;
  font-size: 14px;
  overflow: hidden;
}
.elses-message .story-message-text {
  background-color: #f1f0f0;
  border-bottom-right-radius: 1.3em;
  border-top-right-radius: 1.3em;
  color: rgba(0, 0, 0, 1);
  float: left;
}
.elses-message.first-message .story-message-text {
  border-top-left-radius: 1.3em !important;
}
.elses-message.last-message .story-message-text {
  border-bottom-left-radius: 1.3em !important;
}
.one-page-app {
  background: #f9f9f9;
  overflow: hidden;
}
.one-page-app .version {
  color: #999;
}
.one-page-app-body,
.one-page-app-sticky-bottom-menu {
  max-width: 1000px;
}
.one-page-app-sticky-top-bar {
  background: #f9f9f9;
  height: 50px;
  max-width: 1004px;
  top: 0;
}
.one-page-app-sticky-top-bar .right-option {
  margin: auto auto auto 12px;
}
.one-page-app-svg-holder {
  height: 18px;
  width: 18px;
}
.one-percent {
  width: 1%;
}
.own-message .story-message-text {
  background-color: #3482f5;
  border-bottom-left-radius: 1.3em;
  border-top-left-radius: 1.3em;
  color: #fff;
  float: right;
}
.own-message .story-message-text a {
  color: #fff;
}
.own-message.first-message .story-message-text {
  border-top-right-radius: 1.3em !important;
}
.own-message.last-message .story-message-text {
  border-bottom-right-radius: 1.3em !important;
}
.story-message-text {
  border-radius: 1.3em;
  margin-bottom: 1px;
  max-width: 80%;
  padding: 6px 12px;
  word-break: break-word;
}
.story-message-text h1 {
  font-size: 1.1em;
  font-weight: 700;
  margin: 4px 0 2px;
}
.story-message-text h2 {
  font-size: 1em;
  font-weight: 600;
  margin: 4px 0 2px;
}
.story-message-text ul {
  margin: 4px 0;
  padding-left: 20px;
}
.story-panel {
  flex-grow: 1;
  overflow-y: auto;
}
.story-user-message {
  display: flex;
}
.story-wrapper {
  padding-bottom: 4px;
  padding-top: 4px;
}
.radio-button-link {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 20px;
}
.here .left-line {
  background: #4267b2;
}
.here .right-line {
  background: #4267b2;
  background-image: linear-gradient(to right, #4267b2, #666);
}
.over .left-line,
.over .right-line {
  background: #2eb67d;
}
.right-float {
  float: right !important;
}
.room-leftnav-header {
  flex: 0 0 auto;
  height: 80px;
  padding: 0;
  position: relative;
  text-align: center;
}
.room-leftnav-header .leftnav-menu {
  background-color: #f9f9f9;
  border-bottom: solid 1px #e0e0e0;
  box-sizing: border-box;
  height: 80px;
  padding: 20px 15px;
  position: relative;
}
.room-list-item-div {
  border-bottom: solid 1px #f2f2f2;
  box-sizing: border-box;
  height: 100%;
  margin: 0 8px;
  padding-top: 6px;
  position: relative;
}
.room-list-message {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 400 !important;
  left: 55px;
  line-height: 16px;
  margin-right: 10px;
  position: absolute;
  right: 0;
  top: 28px;
}
.room-list-message .latest-story {
  color: #a0a0a0 !important;
}
.room-list-message .latest-story,
.room-list-message .topic {
  display: flex;
  flex: 1 1 auto;
}
.room-list-message .topic {
  font-weight: 500;
}
.handle-svg {
  fill: transparent;
  transition: fill 100ms ease-in-out;
  width: 12px;
}
.parent:hover .handle-svg {
  fill: #6d6e6f;
}
.has-sticky-bottom-menu {
  margin-bottom: 25px !important;
}
.has-sticky-menu,
.has-top-menu,
.margin-top-twentyfive {
  margin-top: 25px !important;
}
.count-indicator,
.image-count,
.treatment-plans-indicator {
  background-color: #3d9be9;
  margin: 3px 6px;
}
.image-count.grey {
  background-color: #727272;
}
a:hover .image-count {
  color: #f2f2f2 !important;
}
.count-indicator,
.image-count,
.level0 .mentions,
.room-list-message .mentions,
.treatment-plans-indicator {
  border-radius: 16px;
  box-sizing: border-box;
  color: #f2f2f2 !important;
  float: right;
  margin-left: 3px;
  text-align: center;
}
.count-indicator,
.image-count,
.level0 .mentions,
.room-list-message .mentions {
  font-size: 12px;
  font-weight: 700;
  height: 18px;
  line-height: 18px !important;
  min-width: 18px;
  padding: 0 9px;
}
.treatment-plans-indicator {
  cursor: default;
  font-size: 10px;
  height: 13px;
  line-height: 13px;
  margin: 0 5px;
  min-width: 13px;
  padding: 0 4px;
}
.level0 .mentions,
.room-list-message .mentions {
  background-color: #fa3e3e;
}
.image-comparison .icon-button,
.image-comparison .icon-button-smaller,
.image-editor .crop-svg path,
.image-editor .icon-button,
.image-editor-toolbar-pane .datetime-picker-trigger-button,
.photo-swiper .icon-button,
.photo-swiper .icon-button-small,
.photo-swiper-content-div .icon-button,
.photo-swiper-content-div .flex-table .datetime-picker-trigger-button,
.photo-swiper-content-div .flex-table .flex-tr > .show-on-parent-hover .icon-button-small,
.photo-swiper-content-div .flex-td > .show-on-parent-hover .icon-button-small,
.photo-swiper-item .close-button,
.photo-swiper-item .crop-svg path,
.photo-swiper-item .icon-button,
.photo-swiper-item .icon-with-loader,
.white-svg {
  fill: white !important;
}
.image-comparison .icon-button,
.image-comparison .icon-button-smaller,
.image-editor .icon-button,
.photo-swiper .icon-button,
.photo-swiper .icon-button-small,
.photo-swiper-content-div .icon-button,
.photo-swiper-content-div .flex-table .flex-tr > .show-on-parent-hover .icon-button-small,
.photo-swiper-content-div .flex-td > .show-on-parent-hover .icon-button-small,
.photo-swiper-item .close-button,
.photo-swiper-item .icon-button,
.photo-swiper-item .icon-with-loader,
.white-svg {
  stroke: white !important;
}
.image-comparison {
  color: white;
}
.comparison-container {
  background: #232c38;
  flex-wrap: wrap;
  height: calc(100% - 69px);
  overflow: hidden auto;
  padding: 10px;
}
.image-comparison-item {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
.image-comparison-item-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 10px;
  max-height: 100%;
  max-width: 100%;
  position: relative;
}
.image-comparison-item .absolute-position {
  left: 0;
  top: 0;
}
.image-comparison-item-title {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  transform: translateY(-100%);
}
.shadow-text {
  text-shadow: #2c2c2c 0px 0 10px;
}
.image-editor-button {
  background: #1a212a;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: flex;
  fill: white;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  margin: 0;
  padding: 12px;
  position: relative;
}
.image-editor-button:not([disabled]):hover::after {
  background: transparent;
  box-shadow:
    0 0 0 2px #3d9be9,
    inset 0 0 0 2px #0e1318;
}
.image-editor-button::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 4px;
  box-shadow:
    0 0 0 0 rgba(0, 196, 204, 0),
    inset 0 0 0 0 rgba(14, 19, 24, 0);
  pointer-events: none;
  transition:
    background 0.2s ease-out,
    box-shadow 0.2s ease-out;
}
.image-editor-button-text {
  flex: 1 1 auto;
  text-align: center;
}
.image-editor-image {
  flex-grow: 1;
  height: 100%;
  margin: 32px 64px;
}
.image-comparison-image-holder,
.image-editor-image-holder {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: top left;
}
.image-comparison-image-holder img,
.image-editor-image-holder img {
  user-select: none;
}
.image-editor-group,
.image-editor-mount {
  width: 150px;
}
.image-editor-size-form-label {
  bottom: 0;
  color: white;
  font-size: 16px;
  left: 0;
  opacity: 0.33333;
  padding: 12px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
.image-editor-slider {
  height: 40px;
  position: relative;
}
.image-editor-slider:active .image-editor-slider-handle-graphic {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.15);
}
.image-editor-slider-fill {
  background: #3d9be9;
  border-radius: 2px;
  height: 4px;
  position: absolute;
  z-index: 2;
}
.image-editor-slider-grid {
  align-items: center;
  display: grid;
  grid-auto-rows: auto;
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template: auto / min-content auto;
  width: 100%;
}
.image-editor-slider-handle {
  height: 100%;
  position: absolute;
  margin: 0;
  touch-action: none;
  width: 0;
  z-index: 3;
}
.image-editor-slider-handle-graphic {
  background: white;
  border-radius: 50%;
  height: 12px;
  width: 12px;
}
.image-editor-slider-handle-hit-area {
  align-items: center;
  cursor: grab;
  display: flex;
  height: 100%;
  justify-content: center;
  transform: translateX(-50%);
  width: 10mm;
}
.image-editor-slider-handle-hit-area:active {
  cursor: grabbing;
}
.painter-color-label,
.image-editor-slider-label {
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  margin: 0;
  white-space: nowrap;
}
.image-editor-slider-rail {
  background: #1a212a;
  border-radius: 2px;
  height: 4px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.image-loading {
  color: #fff;
  height: 100%;
}
.image-magnifying-glass {
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  height: 400px;
  left: -200px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: -200px;
  transition: opacity 300ms;
  width: 400px;
  z-index: 1;
}
.image-measure-text {
  background-color: rgba(34, 34, 34, 0.66);
  border-radius: 4px;
  color: white;
  font-size: 12px;
  line-height: 16px;
  margin-top: -32px;
  margin-left: 10px;
  opacity: 0;
  padding: 3px 10px;
  position: absolute;
  transition:
    150ms opacity,
    1s transform ease-in;
}
.image-measure-text.is-showing {
  opacity: 1;
  transition: 150ms opacity;
}
.image-measure-text.sticky {
  z-index: 1;
  padding-right: 3px;
}
.image-measure-text.sticky .icon-button-smaller {
  padding: 0;
  margin-left: 10px;
  width: 15px;
  height: 15px;
}
.image-measure-text.sticky .icon-button-smaller svg {
  stroke: white;
}
.header-icon-name {
  color: silver;
  margin-left: 6px;
}
.help-button {
  background-color: rgba(64, 138, 248, 0.7);
  border: 0;
  border-radius: 20px 20px 2px 20px;
  box-shadow: 0 5px 20px 0 rgba(12, 73, 84, 0.2);
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: normal;
  padding: 17px 10px 16px;
  text-decoration: none;
}
.help-button:hover {
  background-color: rgba(64, 138, 248);
}
.help-button-container {
  bottom: 150px;
  position: fixed;
  right: 18px;
  z-index: 1015;
}
.help-widget {
  background-color: #f9f9f9;
  border-radius: 4px;
  border: none;
  bottom: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  height: 100%;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  transition:
    opacity 150ms,
    visibility 150ms,
    width 150ms;
  visibility: hidden;
  width: 0;
  z-index: 1111;
}
.help-widget.is-showing {
  opacity: 1;
  overflow-y: auto;
  visibility: visible;
  width: 440px;
}
.help-widget > .help-widget-body {
  overflow-y: hidden;
}
.ember-power-select-trigger.has-hint-to-bottom > .ember-power-select-selected-item > .hint-to-bottom,
.hint-children-to-bottom .hint,
.hint-holder-to-bottom > .hint-to-bottom,
.hint-holder-to-bottom .patient-hint-to-bottom {
  bottom: auto !important;
  left: 50%;
  right: auto !important;
  top: 100%;
  transform: translate(-50%, 0);
}
.hint-holder-to-bottom.hint-right-aligned > .hint-to-bottom {
  left: auto;
  right: 0 !important;
  transform: translate(0, 0);
}
.hint-holder-to-bottom.hint-left-aligned > .hint-to-bottom {
  left: 0;
  transform: translate(0, 0);
}
.patient-hint-to-bottom {
  background: #f9f9f9;
  border-bottom: 1px solid silver;
  border-left: 1px solid silver;
  border-radius: 3px;
  border-right: 1px solid silver;
  border-top: 1px solid #eee !important;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.275);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  z-index: 10000;
}
.hint-children-to-bottom:hover {
  z-index: 1;
}
.hint-children-to-top .hint,
.hint-holder-to-top .hint-to-top {
  bottom: 150% !important;
  left: 50%;
  right: auto !important;
  top: auto !important;
  transform: translate(-50%, 0);
}

.hint-children-to-right .hint,
.hint-holder-to-right .hint-to-right {
  left: 100%;
  right: auto !important;
}
.hint-holder,
.hint-holder-to-bottom,
.hint-holder-to-left,
.hint-holder-to-right,
.hint-holder-to-top {
  position: relative;
}
.hour-selector-dropdown .ember-power-select-options {
  max-height: 160px !important;
}
.a-calendar-occurrence.groupable:hover {
  z-index: 49;
}
.a-calendar-occurrence.being-dragged,
.a-calendar-occurrence.being-resized {
  opacity: 0.4;
  pointer-events: none;
}
.a-calendar-occurrence.being-resized .booking-title {
  opacity: 0.2;
}
.a-calendar-occurrence .hint,
.ember-power-select-trigger.has-hint-to-bottom > .ember-power-select-selected-item > .hint-to-bottom,
.hint-holder > .hint,
.hint-holder-to-bottom > .hint-to-bottom,
.hint-holder-to-bottom .patient-hint-to-bottom,
.hint-holder-to-left .hint-to-left,
.hint-holder-to-right .hint-to-right,
.hint-holder-to-top .hint-to-top,
.horizontal-booking-event .hint {
  bottom: 50%;
  margin-bottom: -14px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  transition: 0.3s ease;
  transition-delay: 0.1s;
  white-space: nowrap;
}
.a-calendar-occurrence.hint-children-to-bottom .hint {
  animation: slide-in-to-bottom-centered 0.25s linear;
  transform: translate(-50%, 8px);
}
.a-calendar-occurrence.hint-children-to-left .hint {
  animation: slide-in-to-left 0.25s linear;
  transform: translateX(-8px);
}
.a-calendar-occurrence.hint-children-to-right .hint {
  animation: slide-in-to-right 0.25s linear;
  transform: translateX(8px);
}
.a-calendar-occurrence.hint-children-to-top .hint,
.horizontal-booking-event.hint-children-to-top .hint {
  animation: slide-in-to-top-centered 0.25s linear;
  transform: translate(-50%, -8px);
}
.hint.hidden,
.hint-to-bottom.hidden,
.hint-to-left.hidden,
.hint-to-right.hidden,
.hint-to-top.hidden {
  opacity: 0 !important;
}
.a-calendar-occurrence .hint,
.ember-power-select-trigger.has-hint-to-bottom > .ember-power-select-selected-item > .hint-to-bottom,
.hint-holder > .hint,
.hint-holder-to-bottom > .hint-to-bottom,
.hint-holder-to-left .hint-to-left,
.hint-holder-to-right .hint-to-right,
.hint-holder-to-top .hint-to-top,
.horizontal-booking-event .hint {
  background: #383838;
  border-radius: 2px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  padding: 8px 10px;
  text-transform: none;
  user-select: none;
  z-index: 1000000;
}
.a-calendar-occurrence .hint,
.horizontal-booking-event .hint {
  max-width: 40vw;
}
.booking-dragged-or-resized .hint {
  visibility: hidden !important;
}
.holiday,
.qms-calendar-item {
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  margin: 0 1px;
}
.holiday {
  background-color: rgb(11, 128, 67);
  color: #fff;
  padding: 0 4px;
  pointer-events: auto;
}
.qms-calendar-item {
  background-color: #fff;
  border: 2px solid #4285f4;
  color: #3c4043;
  padding: 0 2px;
}
.horizontal-booking-event {
  border: 2px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: white;
  font-size: 11px;
  left: 0;
  line-height: 12px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 4;
}
.horizontal-calendar-row-label {
  justify-content: flex-end;
  height: 40px;
}
.horizontal-hour {
  border-left: 1px solid #e1e3e6;
  border-top: 1px solid #e1e3e6;
  flex: 1;
  font-size: 12px;
  padding-left: 5px;
}
.horizontal-hour:first-child {
  border-top-left-radius: 4px;
}
.horizontal-hour:last-child {
  border-right: 1px solid #e1e3e6;
  border-top-right-radius: 4px;
}
.horizontal-linear-gradient {
  background: repeating-linear-gradient(135deg, transparent, transparent 10px, #eee 10px, #eee 20px);
}
.horizontal-resize {
  cursor: ew-resize;
  width: 14px;
}
.horizontal-resize.left {
  margin-left: -4px;
}
.horizontal-resize.right {
  margin-right: -4px;
}
.horizontal-subtext {
  background: #ffffffe6;
  border-radius: 2px;
  color: #666;
  font-size: 10px;
  padding: 2px 6px;
}
.ember-power-select-trigger.hide-ember-power-select-trigger {
  border: 0;
  box-shadow: none;
  float: right;
  height: auto;
  line-height: normal;
  max-height: auto;
  padding: 0;
}
.legal-prescription-text {
  color: #637282;
  font-size: 12px;
  line-height: 12px;
  margin-right: 5px;
  text-align: right;
}
.level0 .mentions {
  margin-top: 1px;
}
.license-quantity-unit {
  width: 50px;
}
.line-height-one {
  line-height: 1;
}
.list-item-i-holder {
  fill: rgba(0, 0, 0, 0.54);
  height: 14px;
  padding: 7px;
}
.list-item-i-holder.white {
  fill: white;
}
.logo-holder {
  position: absolute;
}
.logo-holder,
.logo-placeholder {
  height: 90px;
  max-width: 250px;
}
.logo-print {
  max-height: 90px;
  max-width: 100%;
}
.receipt-content .logo-print {
  max-height: 195px;
}
.room-list-message .mentions {
  margin-top: 9px;
}
.room-list-name-span {
  display: flex;
  font-size: 1em;
  left: 55px;
  line-height: 1.5em;
  margin-right: 10px;
  position: absolute;
  right: 0;
}
.room-list-name-span .date {
  color: #a0a0a0;
  font-size: 11px;
  font-weight: 400 !important;
  margin-left: auto;
}
.room-list-name-span .room-list-name {
  font-size: 13px;
  line-height: 19.5px;
}
.room-list-item:hover .room-list-name-span .room-list-name {
  color: #2eb67d;
}
.room-main-body {
  background-color: #fff;
  border-left: solid 1px #e0e0e0;
  box-sizing: border-box;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.calendar-content-hours {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.booking-dragged .a-calendar-occurrence,
.booking-dragged-or-resized .a-calendar-occurrence,
.booking-resized .a-calendar-occurrence {
  pointer-events: none;
}
.calendar-month-label {
  align-items: center;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  font-size: 22px;
  margin: 0 10px;
  text-transform: capitalize;
}
.cave-tooltip {
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  white-space: normal !important;
  width: 225px;
}
.chart {
  height: 300px;
}
.chat-button {
  height: 22px !important;
  padding: 1px;
  position: relative;
  width: 22px !important;
}
.chat-link {
  margin-left: 7px;
  margin-right: 7px;
}
.chat-panel-divider {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}
#chat-text-field {
  padding-right: 40px;
}
.check-mark {
  pointer-events: none;
  position: absolute;
  right: 0px;
  width: 14px;
}
.check-mark-holder,
.emoji-picker-holder,
.remittance-search-result-scroll-holder {
  position: relative;
}
.clock-svg,
.notes-svg {
  fill: white;
  height: 13px;
  width: 20px;
}
.cropper {
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.8);
  position: relative;
}
.new-cropper {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.new-cropper.is-showing {
  display: block;
}
.cropper-controls {
  height: 100%;
  position: relative;
  width: 100%;
}
.cropper-selection-draggable-handle {
  height: 0;
  position: absolute;
  touch-action: none;
  width: 0;
}
.cropper-selection-draggable-handle.bottom-left,
.cropper-selection-draggable-handle.top-right {
  cursor: nesw-resize;
}
.cropper-selection-draggable-handle.bottom-right,
.cropper-selection-draggable-handle.top-left {
  cursor: nwse-resize;
}
.cropper-selection-draggable-handle-hit-area {
  border-radius: 50%;
  height: 5mm;
  transform: translate(-50%, -50%);
  width: 5mm;
}
.cropper-selection-draggable-rectangle {
  cursor: move;
  position: absolute;
  touch-action: none;
}
.cropper-selection-handle {
  background: white;
  border-radius: 50%;
  box-shadow:
    0 2px 5px rgba(14, 19, 24, 0.07),
    0 0 0 1px rgba(14, 19, 24, 0.07);
  height: 12px;
  left: -6px;
  position: absolute;
  top: -6px;
  width: 12px;
}
.cropper-selection-rectangle {
  background-image:
    linear-gradient(to bottom, white 0px, white 1px, transparent 1px),
    linear-gradient(to right, white 0px, white 1px, transparent 1px);
  background-position: -1px -1px;
  background-size: calc(33.33333% + 0.33333px) calc(33.33333% + 0.33333px);
  border: solid 1px white;
  box-shadow:
    inset 0 0.5px 0 0 rgba(14, 19, 24, 0.07),
    0 0.5px 0 0 rgba(14, 19, 24, 0.07);
  pointer-events: none;
  position: absolute;
}
.cropper-selection-shade {
  background: rgba(20, 25, 31, 0.9);
  position: absolute;
}
.cropper-selection-shade.bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.cropper-selection-shade.top {
  left: 0;
  right: 0;
  top: 0;
}
.emoji-modal {
  bottom: 44px;
  height: 200px;
  padding: 0 !important;
  top: auto !important;
  width: 390px;
}
.emoji-picker {
  position: absolute;
  right: 0;
  top: 0;
}
.emoji-picker-button {
  background: transparent;
  border: none !important;
  font-size: 0;
  cursor: pointer;
  margin: 10px;
  padding: 0;
}
.emoji-picker-button,
.emoji-picker-button img {
  height: 24px;
  width: 24px;
}
.emoji-scroller {
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute !important;
  right: 0;
  top: 0;
}
.emojis {
  height: 140px;
  overflow: hidden;
  position: relative;
}
.room-main-body .composer-panel {
  border-top: solid 1px #e0e0e0;
  display: block;
  width: 100%;
}
.room-main-body .composer-panel .panel-body {
  background-color: #f9f9f9;
  display: flex;
  flex-direction: row;
  padding: 15px 30px 18px;
}
.room-nav {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 300px;
}
.room-nav-body {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
}
.room-people-icon {
  height: 25px;
  margin: 7.5px 40px;
  cursor: pointer;
  width: 25px;
}
.room-people-icon svg {
  fill: #a0a0a0;
}
.room-people-icon:hover svg,
.room-people-icon.active svg {
  fill: #2eb67d !important;
}
.room-side-panel {
  border-left: solid 1px #e0e0e0;
  box-sizing: border-box;
  min-width: 300px;
  overflow: hidden;
  width: 300px;
}
.side-panel-header-heading {
  flex-grow: 1;
  margin-bottom: 4px;
  margin-top: 0;
}
.side-panel-list {
  margin: 0;
  padding: 0;
  width: 279px;
}
.side-panel-list > li {
  margin: 0;
  list-style-type: none;
  vertical-align: middle;
  padding: 4px 10px;
  border-bottom: solid 1px #e0e0e0;
}
.room-side-panel .side-panel-header {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 15px;
  padding-bottom: 10px;
}
.sixteen-wide {
  flex: 0 0 16px;
}
.border-zero,
.button-menu-modal button,
.more-menu-modal button,
.more-menu-modal label.button-as-label,
.sub-menu-holder button {
  border: 0;
}
.button-menu-modal button,
.button-menu-modal button:active,
.button-menu-modal button:focus {
  flex-direction: row-reverse !important;
  text-align: right !important;
}
.button-menu-modal button,
.menu a,
.menu .link-button,
.munu .blue-link-button,
.menu span,
.more-menu-modal button,
.more-menu-modal label.button-as-label,
.notifications-menu-modal .notification-item,
.notifications-menu-modal span,
.sub-menu-button,
.sub-menu-holder button {
  background: 0 0;
  box-sizing: border-box;
  color: #2c2d30;
  display: block;
  font-size: 14px;
  margin: 0;
  outline: 0;
  padding: 6px 30px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.button-menu-modal button,
.more-menu-modal button,
.more-menu-modal label.button-as-label,
.sub-menu-button,
.sub-menu-holder button {
  line-height: 18px;
  padding: 11px 30px;
}
.button-menu-modal button,
.more-menu-modal label.button-as-label {
  white-space: nowrap;
}
.button-menu-modal button,
.menu a,
.menu .link-button,
.munu .blue-link-button,
.more-menu-modal button,
.more-menu-modal label.button-as-label,
.notifications-menu-modal .notification-item:not([disabled]),
.sub-menu-button,
.sub-menu-holder button {
  cursor: pointer;
}
.more-menu-modal.menu-with-sub-menus {
  overflow: visible !important;
  z-index: 1502;
}
.booking-modal .sub-menu,
.more-menu-modal .sub-menu {
  position: relative;
}
.booking-modal .sub-menu:before,
.more-menu-modal .sub-menu:before {
  content: '‹';
  display: block;
  font-size: 20px;
  height: 100%;
  left: 14px;
  line-height: 40px;
  position: absolute;
}
.booking-modal .sub-menu:after,
.more-menu-modal .sub-menu:hover:after {
  bottom: -25px;
  content: '';
  display: block;
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -25px;
  width: 50px;
}
.booking-modal .sub-menu .sub-menu-holder,
.more-menu-modal .sub-menu .sub-menu-holder {
  opacity: 0;
  left: 6px;
  position: absolute;
  visibility: hidden;
  transition:
    opacity 150ms,
    visibility 150ms;
  transform: translate(-100%, -90%);
}
.more-menu-modal.sub-menu-to-bottom .sub-menu .sub-menu-holder {
  transform: translate(-100%, -10%);
}
.booking-modal .sub-menu:hover .sub-menu-holder,
.more-menu-modal .sub-menu:hover .sub-menu-holder {
  opacity: 1;
  visibility: visible;
}
.no-margin {
  margin: 0;
}
.icon-with-left-margin {
  margin-left: 15px !important;
}
.no-margin-important {
  margin: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-sides {
  margin-left: 0;
  margin-right: 0;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-top-important {
  margin-top: 0 !important;
}
.no-padding-top-important {
  padding-top: 0 !important;
}
.no-result-td {
  background: #f9f9f9;
  box-sizing: border-box;
  color: #637282;
  display: inline-block;
  padding: 5px;
  text-align: center;
}
.no-select {
  user-select: none;
}
.notification-item {
  display: flex !important;
}
.notifications-menu-modal .notification-item {
  border-bottom: 1px solid #dddfe2;
}
button.booking-context-menu-button:hover,
button.buttony:hover,
.button-menu-modal button:active,
.button-menu-modal button:hover,
.more-menu-modal button:active,
.more-menu-modal button:hover,
.more-menu-modal label.button-as-label:active,
.more-menu-modal label.button-as-label:hover,
.menu a:hover,
.munu .blue-link-button:hover,
.menu .link-button:hover,
.notifications-menu-modal .notification-item.active,
.notifications-menu-modal .notification-item:hover:not([disabled]),
.notifications-menu-modal .notification-item.active:hover:not([disabled]),
.sub-menu-button:hover,
.sub-menu-holder button:hover {
  background-color: #eee !important;
}
.booking-modal > :first-child,
.more-menu-modal > :first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.booking-modal > :last-child,
.booking-modal > :last-child > .sub-menu-button,
.more-menu-modal > :last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.sub-menu-button .small-loader-holder {
  height: 18px;
}
.more-menu-modal button:active,
.sub-menu-holder button:active {
  padding: 11px 30px;
}
.notifications-menu-link::before {
  background: rgba(0, 0, 0, 0.1);
  content: '';
  display: inline-block;
  height: 18px;
  margin-top: 11px;
  width: 1px;
}
.main-side-burger-icon {
  cursor: pointer;
  fill: #9ca6af;
  height: 16px;
  margin-right: 15px;
  padding: 0 10px;
  width: 25px;
}
.main-side-burger-icon:hover {
  fill: #fff;
}
.side-burger-expand-icon {
  cursor: pointer;
  fill: #848f99;
  height: 16px;
  width: 16px;
}
.side-burger-expand-icon:hover {
  fill: #222b37;
}
.side-burger-expand-icon-holder {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex-shrink: 0;
  float: left;
  justify-content: center;
  max-width: 43px;
  overflow: hidden;
  padding: 10px;
}
.start-link {
  height: 15px;
  flex-grow: 1;
  padding-left: 17px;
  text-decoration: none;
}
.dashboard-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}
.dashed {
  background: repeating-linear-gradient(135deg, transparent, transparent 10px, #aaa 10px, #aaa 20px);
}
.day-sub-heading,
.day-sub-heading div {
  float: left;
  font-size: 12px;
}
.declaration-label {
  height: 30px !important;
  line-height: 28px !important;
}
.declaration-property-label {
  line-height: 1;
  font-size: 12px;
}
.deleted-page {
  color: #e01e5a;
  font-size: 24px;
  font-weight: 700;
  margin-right: 5px;
  text-transform: uppercase;
}
.dispatch-interval-div .ember-power-select-trigger {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
.dispatch-interval-div .qty-more {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.divider-text {
  flex: 0.2 0 auto;
  height: 12px;
  margin: 0;
  text-align: center;
}
.divider-wrapper {
  align-items: center;
  border: none;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  margin: 0;
  padding: 24px 0 0;
  text-transform: uppercase;
  vertical-align: baseline;
}
.divider-wrapper:before,
.divider-wrapper:after {
  content: '';
  border-bottom: 1px solid #c2c8d0;
  flex: 1 0 auto;
  height: 0.5em;
  margin: 0;
}
.status {
  padding: 0;
  margin-bottom: 8px;
  text-align: center;
}
.status strong {
  display: block;
}
.patient-failed-to-appear,
.strike-through {
  text-decoration: line-through;
}
.border-left-red::before {
  background: #fa3e3e;
  content: '';
  height: 100%;
  position: absolute;
  width: 2px;
}
.summary {
  flex: 1 auto;
  width: auto;
  float: none;
  margin: 0;
  overflow: hidden;
}
.summary h3 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 1em;
  margin-bottom: 0.5em;
}
.small-svg-holder {
  box-sizing: border-box;
  height: 19.5px;
  padding: 3px;
  width: 19.5px;
}
.even-smaller-svg-holder {
  box-sizing: border-box;
  height: 12px;
  margin: 2px;
  padding: 3px;
  width: 12px;
}
.svg-holder {
  flex-shrink: 0;
  float: left;
  height: 18px;
  margin-right: 5px;
  width: 18px;
}
.shadow-svg svg {
  filter: drop-shadow(0px 0px 1px #000);
}
.tiny-svg-holder {
  flex-shrink: 0;
  height: 9px;
  width: 9px;
}
.tiny-svg-holder path {
  fill: #fff !important;
}
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'] {
  appearance: none;
  border-radius: 3px;
  box-sizing: border-box;
  max-width: 800px;
}
input:required:invalid,
textarea:required:invalid,
.missing .ember-power-select-trigger,
.missing > input,
.required-missing,
.rich-text-editor.required-and-not-valid {
  border: 1px dashed #e01e5a !important;
  background: #f4e5e5 !important;
}
.search-results-ember-power-select .ember-power-select-trigger,
.search-results-ember-power-select-full .ember-power-select-trigger {
  height: 30px;
  line-height: 28px;
  max-height: 30px;
}
.search-results-ember-power-select-full {
  box-sizing: border-box;
  overflow: hidden;
}
.standard-input,
.standard-textarea {
  background: #ffffff;
  border: 1px solid silver;
  border-radius: 3px;
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);
  box-sizing: border-box;
  padding: 0 8px;
}
.standard-input {
  height: 30px;
}
.rich-text-first-line-holder {
  height: 1.25em;
  line-height: 1.25em;
  margin: auto 0;
  overflow: hidden;
}
.rich-text-first-line-holder h1,
.rich-text-first-line-holder h2,
.rich-text-first-line-holder h3 {
  line-height: unset;
}
.rich-text-editor {
  background: #ffffff;
  border: 1px solid silver;
  border-radius: 3px;
  box-sizing: border-box;
  max-width: 800px;
  position: relative;
  width: 100%;
}
.text-editor-templates-holder {
  animation: slide-in-to-bottom 0.2s linear;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  left: 10px;
  overflow: hidden;
  position: fixed;
  top: 10px;
  width: 350px;
  z-index: 2;
}

.text-editor-templates-holder.above {
  animation: slide-in-to-top 0.2s linear;
  transform: translateY(-100%);
}

.text-editor-templates-holder-offset-detectror {
  overflow: hidden;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
}
.text-editor-templates-holder .text-editor-template-list-item {
  font-size: 14px;
  padding: 5px 13px;
}
.text-editor-templates-holder .text-editor-template-list-item:not(:first-of-type) {
  border-top: 1px solid #eee;
}
.text-editor-templates-holder .text-editor-template-list-item.marked {
  background-color: #5897fb;
  color: #fff;
}
.text-editor-templates-holder .text-editor-template-list-item:hover {
  background-color: #5897fb;
  color: #fff;
}
.hint-rte-holder {
  white-space: normal !important;
  width: 300px;
}
.rich-text-editor .rich-text-holder {
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);
  cursor: text;
  max-height: 45vh;
  min-height: 38px;
  overflow-y: auto;
  padding: 0 8px;
  font-size: inherit;
  font-weight: inherit;
}
.rich-text-editor .rich-text-holder ol,
.rich-text-editor .rich-text-holder ul,
.rich-text-wrapper ol,
.rich-text-wrapper ul {
  margin-block-end: 0;
  margin-block-start: 0;
  padding-inline-start: 30px;
}
.rich-text-editor .rich-text-holder p,
.rich-text-wrapper p {
  margin-block-end: 0;
  margin-block-start: 0;
}
.rich-text-editor .rich-text-holder h1,
.rich-text-editor .rich-text-holder h2,
.rich-text-editor .rich-text-holder h3,
.rich-text-wrapper h1,
.rich-text-wrapper h2,
.rich-text-wrapper h3 {
  margin-block-end: 0;
  margin-block-start: 0;
}
.rich-text-editor .rich-text-holder h1,
.rich-text-wrapper h1 {
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 0.5em;
}
.rich-text-editor .rich-text-holder h2,
.rich-text-wrapper h2 {
  font-size: 1.12em;
  font-weight: 300;
  line-height: 1.35;
  margin-bottom: 0.3em;
}
.rich-text-editor .rich-text-holder h1:not(:first-child),
.rich-text-wrapper h1:not(:first-child) {
  margin-top: 1.5em;
}
.rich-text-editor .rich-text-holder h2:not(:first-child),
.rich-text-wrapper h2:not(:first-child) {
  margin-top: 1.2em;
}
.rich-text-editor .rich-text-holder:focus {
  outline: none;
}
.rich-text-editor-panel {
  align-items: center;
  max-height: 45px;
  opacity: 1;
  transition:
    max-height 200ms 50ms,
    opacity 200ms 100ms;
}
.rich-text-editor-panel.collapsed {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.rich-text-editor-panel .vertical-separator {
  background-color: rgba(0, 0, 0, 0.15);
  height: auto;
  margin: 12px 2px;
  width: 1px;
}
.rich-text-editor-panel .radio-button {
  background-color: transparent !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07)) !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0% 0%;
  border: 0;
  border-radius: 50%;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
  height: 29px;
  line-height: 15px;
  margin: 8px 2px;
  padding: 7px;
  transition-duration: 200ms;
  transition-property: background-size, color;
  width: 29px;
}
.rich-text-editor-panel .radio-button svg {
  fill: rgba(0, 0, 0, 0.54);
}
.rich-text-editor-panel .radio-button:first-of-type {
  margin-left: 8px;
}
.rich-text-editor-panel .radio-button:hover {
  background-size: 100% 100%;
  border-radius: 4px;
  color: #000;
}
.rich-text-editor-panel .radio-button:hover svg {
  fill: #000;
}
.rich-text-editor-panel .radio-button[disabled] {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.rich-text-editor-panel .radio-button.checked {
  background-image: linear-gradient(#dbe0fd, #dbe0fd) !important;
  border-radius: 4px;
  color: #3d9be9 !important;
}
.rich-text-editor-panel .radio-button.checked svg {
  fill: #3d9be9;
  stroke: initial;
}
.rich-text-editor-panel .icon-button-smaller {
  height: 22px;
  padding: 5px;
  width: 22px;
}
.rich-text-editor-panel .radio-button.bold-text {
  font-weight: bold;
}
.rich-text-editor-panel .radio-button.italic-text {
  font-style: italic;
}
.rich-text-editor-panel .radio-button.strike-through-text {
  text-decoration: line-through;
}
.rich-text-editor-panel .radio-button.underlined-text {
  text-decoration: underline;
}
.rich-text-color-picker {
  display: inline-block;
  position: relative;
}
.rich-text-color-picker label {
  cursor: pointer;
  font-size: 15px;
  height: 29px;
  min-width: 29px;
  user-select: none;
}
.rich-text-color-picker .color-picker-input {
  border: none;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.rich-text-color-picker .text-color-indicator {
  height: 2px;
  width: 100%;
}
.rich-text-editor:not(.editable) .rich-text-holder {
  background: #f9f9f9;
  color: #666;
}
.list-padding-small ol,
.list-padding-small ul {
  padding-inline-start: 20px;
}
.higher {
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.rich-text-editor:not(.editable),
.standard-input:disabled {
  box-shadow: none;
  cursor: auto;
}
.ember-power-select-trigger-multiple-input::placeholder,
.ember-power-select-placeholder,
.light-gray-text-color,
.standard-input::placeholder,
.standard-textarea::placeholder {
  color: #919ca7 !important;
  font-size: 13px;
}
.light-gray-loader svg path {
  fill: #919ca7 !important;
}
.lighter-gray-text-color {
  color: #cacfd4;
}
.calendar-header-caregiver-selector-div .ember-power-select-multiple-trigger {
  height: 57px;
  min-height: 57px !important;
}
.calendar-header-caregiver-selector-div .ember-power-select-trigger-multiple-input,
.element-select-multiple .ember-power-select-trigger-multiple-input {
  width: 60px;
}
.calendar-header-caregiver-selector-div,
.stretch-on-mobile {
  width: 100%;
}
.column-date-header {
  box-sizing: border-box;
  color: #666;
  flex-grow: 1;
  height: 100%;
  padding: 8px 0 0 0 !important;
  position: relative;
  text-align: left;
}
.column-date-header .day,
.column-date-header .day-number,
.column-date-header .day-heading-room-column,
.column-date-header .day-heading-user-column,
.column-date-header .sub-heading {
  padding: 0 5px;
}
.column-date-header .day {
  font-size: 10px;
  text-transform: uppercase;
}
.sub-heading {
  font-size: 12px;
  text-align: center;
}
.column-date-header .username-button {
  border-radius: 4px;
}
.column-date-header.clickable-roomname .roomname-button:hover,
.column-date-header.clickable-username .username-button:hover {
  background-color: #e3e7e9;
  cursor: pointer;
}
.column-date-header .context-menu-holder {
  position: fixed;
  overflow: visible;
  width: inherit;
  z-index: 3;
}
.column-date-header .context-menu-holder .more-menu-modal {
  top: 35px !important;
}
.button-file label,
.confirm-primary,
.confirm-secondary,
.confirm-tertiary,
.delete-primary,
.delete-secondary,
.delete-tertiary {
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 39px;
  justify-content: center;
  margin-bottom: 5px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  margin-top: 5px;
  padding: 5px 10px 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
.phone-caller {
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  min-height: 39px;
  padding: 5px;
  text-decoration: none;
  text-shadow: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
.confirm-primary,
.delete-primary {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  fill: #fff;
  line-height: 25px;
}
.confirm-primary,
.delete-primary,
.confirm-secondary,
.delete-secondary {
  min-width: 75px;
}
.confirm-primary:active,
.confirm-primary:focus,
.confirm-secondary:active,
.confirm-secondary:focus,
.confirm-tertiary:active,
.confirm-tertiary:focus,
.delete-primary:active,
.delete-primary:focus,
.delete-secondary:active,
.delete-secondary:focus,
.delete-tertiary:active,
.delete-tertiary:focus {
  outline: none;
}
.confirm-primary:active,
.confirm-secondary:active,
.confirm-tertiary:active,
.delete-primary:active,
.delete-secondary:active,
.delete-tertiary:active {
  box-shadow: none;
  left: 1px;
  position: relative;
  top: 1px;
}
.confirm-primary {
  background-color: #2eb67d;
  background-image: linear-gradient(to bottom, #2eb67d, #249164);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-top: 0;
}
.confirm-primary:hover {
  background-color: #2eb67d;
  background-image: linear-gradient(to bottom, #2eb67d, #2eb67d);
}
div.button-menu {
  align-items: stretch;
  display: flex;
  padding: 0;
  position: relative;
}
div.button-menu button {
  appearance: none;
  box-sizing: border-box;
  cursor: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: right !important;
}
div.button-menu button.drop-down-button {
  background: transparent;
  border: 0;
}
div.button-menu button.drop-down-button svg,
.journal-entry-listitem-loader {
  height: 12px;
  width: 12px;
}
.journal-entry-listitem-files-icon {
  fill: rgba(0, 0, 0, 0.54);
  height: 14px;
  width: 14px;
}
.no-x-pad {
  padding-left: 0;
  padding-right: 0;
}
div.button-menu button.main-button {
  background: transparent;
  border-bottom: 0;
  border-left: 0;
  border-right: inherit;
  border-top: 0;
  flex-grow: 1;
}
.confirm-secondary,
.delete-secondary {
  background-color: #fff;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
  color: #333;
  line-height: 23px;
}
.confirm-secondary {
  border: 3px solid #2eb67d;
}
.delete-secondary {
  border: 3px solid #e01e5a;
}
.confirm-secondary:hover,
.delete-secondary:hover {
  background-color: #f0f0f0;
}
.confirm-tertiary,
.delete-tertiary {
  background-color: transparent;
  border: 0;
  color: #333;
  line-height: 28px;
}
.confirm-tertiary:active,
.delete-tertiary:active {
  background-color: rgba(32, 33, 36, 0.059);
  box-shadow:
    0 1px 2px 0 rgba(60, 64, 67, 0.302),
    0 1px 3px 1px rgba(60, 64, 67, 0.149);
}
.confirm-tertiary:focus,
.delete-tertiary:focus {
  background-color: rgba(32, 33, 36, 0.122);
  box-shadow: inset 0 0 0 1px #bdc1c6;
}
.confirm-tertiary:hover,
.delete-tertiary:hover,
.phone-caller:hover {
  background-color: rgba(32, 33, 36, 0.059);
}
.delete-primary {
  background-color: #e01e5a;
  background-image: linear-gradient(to bottom, #e01e5a, #b31848);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-top: 0;
}
.delete-primary:hover {
  background-color: #e01e5a;
  background-image: linear-gradient(to bottom, #e01e5a, #e01e5a);
}
textarea {
  background: #ffffff;
  border: 1px solid silver;
  border-radius: 3px;
  box-sizing: border-box;
  color: black;
  cursor: default;
  display: flex;
  max-height: 65vh;
  max-width: 800px;
  padding: 0 8px;
}
.narrower-textarea {
  max-height: 300px;
}
button,
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='file'],
.as-calendar,
.border-box,
.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content *,
.ember-power-select-dropdown *,
.mini-calendar *,
.mini-calendar-nav *,
.search-results-ember-power-select {
  box-sizing: border-box;
}
.page-body,
.page-body-stretched-strict-padding {
  margin: 0;
}
.page-body {
  flex: 1 1 auto;
  max-width: 1080px;
}
.page-body.mid-tight,
.page-body.semi-tight,
.page-body.tight,
.sticky-top-menu.semi-tight,
.sticky-top-menu.tight {
  margin: 0 auto;
  width: 100%;
}
.page-body.mid-tight {
  max-width: 890px;
}
.page-body.semi-tight {
  max-width: 1060px;
}
.page-body.tight {
  max-width: 720px;
}
.page-body-stretched-strict-padding {
  box-sizing: border-box;
  max-width: 1500px;
}
.page-header h1 {
  margin: 0;
  float: left;
}
.parod-registry-cell {
  box-sizing: border-box;
  float: left;
  margin: 10px 5px;
}
.parod-context-menu {
  background-color: #fff;
  border-bottom: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px !important;
  border-right: 1px solid #aaaaaa;
  border-top: 1px solid #eee !important;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.275);
  padding: 0;
  transform: translate(0, 0) !important;
  width: 200px;
}
.parod-context-menu-button {
  appearance: none;
  background: #fff;
  border: 0;
  cursor: pointer;
  line-height: 32px;
}
.parod-context-menu-pocket-buttons {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.parod-context-menu-pocket-buttons,
.parod-context-menu-other-buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.parod-context-menu-button:hover {
  background: #eee;
}
.parod-context-menu-button.bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.parod-context-menu-button-span {
  margin: 12.5px auto;
}
.parod-context-menu-svg {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  overflow: visible;
}
.parod-context-menu-svg polygon {
  fill: transparent;
}
.full-tooth-interface {
  background-image: url(/assets/images/half_teeth_sprite.png);
  background-repeat: no-repeat;
  background-clip: content-box;
  box-sizing: border-box;
  height: 164px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  width: 50px;
}
.full-tooth-interface.implant-tooth {
  background-image: url(/assets/images/half_teeth_without_roots_sprite.png);
}
.full-tooth-interface.implant-tooth::before {
  background-image: url(/assets/images/implant_RN.png);
  background-position: bottom;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 100%;
  left: -1px;
  position: absolute;
  top: -25px;
  transform: scale(0.92);
  width: 100%;
}
.nr-16 .full-tooth-interface.implant-tooth::before,
.nr-17 .full-tooth-interface.implant-tooth::before,
.nr-18 .full-tooth-interface.implant-tooth::before,
.nr-26 .full-tooth-interface.implant-tooth::before,
.nr-27 .full-tooth-interface.implant-tooth::before,
.nr-28 .full-tooth-interface.implant-tooth::before,
.nr-36 .full-tooth-interface.implant-tooth::before,
.nr-37 .full-tooth-interface.implant-tooth::before,
.nr-38 .full-tooth-interface.implant-tooth::before,
.nr-46 .full-tooth-interface.implant-tooth::before,
.nr-47 .full-tooth-interface.implant-tooth::before,
.nr-48 .full-tooth-interface.implant-tooth::before {
  background-image: url(/assets/images/implant_WN.png);
}
.implant-svg-holder {
  bottom: 2px;
  display: flex;
  flex-direction: column;
  height: 12px;
  position: absolute;
  right: 6px;
}
.nr-12 .crown-svg-holder svg,
.nr-14 .crown-svg-holder svg,
.nr-15 .crown-svg-holder svg,
.nr-22 .crown-svg-holder svg,
.nr-24 .crown-svg-holder svg,
.nr-25 .crown-svg-holder svg,
.nr-33 .crown-svg-holder svg,
.nr-43 .crown-svg-holder svg,
.nr-52 .crown-svg-holder svg,
.nr-54 .crown-svg-holder svg,
.nr-55 .crown-svg-holder svg,
.nr-62 .crown-svg-holder svg,
.nr-64 .crown-svg-holder svg,
.nr-65 .crown-svg-holder svg,
.nr-73 .crown-svg-holder svg,
.nr-83 .crown-svg-holder svg {
  width: 35px !important;
}
.nr-11 .crown-svg-holder svg,
.nr-13 .crown-svg-holder svg,
.nr-17 .crown-svg-holder svg,
.nr-21 .crown-svg-holder svg,
.nr-23 .crown-svg-holder svg,
.nr-27 .crown-svg-holder svg,
.nr-51 .crown-svg-holder svg,
.nr-53 .crown-svg-holder svg,
.nr-61 .crown-svg-holder svg,
.nr-63 .crown-svg-holder svg {
  width: 44px !important;
}
.nr-16 .crown-svg-holder svg,
.nr-26 .crown-svg-holder svg,
.nr-37 .crown-svg-holder svg,
.nr-47 .crown-svg-holder svg {
  width: 46px !important;
}
.nr-15 .crown-svg-holder svg,
.nr-25 .crown-svg-holder svg,
.nr-55 .crown-svg-holder svg,
.nr-65 .crown-svg-holder svg {
  width: 43px !important;
}
.nr-34 .crown-svg-holder svg,
.nr-35 .crown-svg-holder svg,
.nr-44 .crown-svg-holder svg,
.nr-45 .crown-svg-holder svg,
.nr-74 .crown-svg-holder svg,
.nr-75 .crown-svg-holder svg,
.nr-84 .crown-svg-holder svg,
.nr-85 .crown-svg-holder svg {
  width: 34px !important;
}
.nr-31 .crown-svg-holder svg,
.nr-32 .crown-svg-holder svg,
.nr-41 .crown-svg-holder svg,
.nr-42 .crown-svg-holder svg,
.nr-71 .crown-svg-holder svg,
.nr-72 .crown-svg-holder svg,
.nr-81 .crown-svg-holder svg,
.nr-82 .crown-svg-holder svg {
  width: 32px !important;
}
.upper-jaw .full-tooth-interface::before {
  transform: scaleY(-0.92);
  top: 25px;
}
.lower-jaw .full-tooth-interface.right-teeth::before {
  transform: scale(0.92) scaleX(-0.92);
}
.upper-jaw .full-tooth-interface.right-teeth::before {
  transform: scaleY(-0.92) scaleX(-0.92);
}
.lower-lingual-interfaces .full-tooth-interface,
.upper-lingual-interfaces .full-tooth-interface {
  transform: scaleY(-1);
}

.lower-lingual-interfaces .full-tooth-interface:not(.right-teeth),
.upper-lingual-interfaces .full-tooth-interface:not(.left-teeth) {
  transform: scaleY(-1) scaleX(-1);
}
.lower-buccal-interfaces .full-tooth-interface:not(.left-teeth),
.upper-buccal-interfaces .full-tooth-interface:not(.right-teeth) {
  transform: scaleX(-1);
}
.upper-buccal-interfaces .nr-12 .full-tooth-interface,
.upper-buccal-interfaces .nr-14 .full-tooth-interface,
.upper-buccal-interfaces .nr-15 .full-tooth-interface,
.upper-buccal-interfaces .nr-18 .full-tooth-interface,
.upper-buccal-interfaces .nr-22 .full-tooth-interface,
.upper-buccal-interfaces .nr-24 .full-tooth-interface,
.upper-buccal-interfaces .nr-25 .full-tooth-interface,
.upper-buccal-interfaces .nr-28 .full-tooth-interface,
.upper-buccal-interfaces .nr-52 .full-tooth-interface,
.upper-buccal-interfaces .nr-54 .full-tooth-interface,
.upper-buccal-interfaces .nr-55 .full-tooth-interface,
.upper-buccal-interfaces .nr-62 .full-tooth-interface,
.upper-buccal-interfaces .nr-64 .full-tooth-interface,
.upper-buccal-interfaces .nr-65 .full-tooth-interface,
.upper-lingual-interfaces .nr-12 .full-tooth-interface,
.upper-lingual-interfaces .nr-14 .full-tooth-interface,
.upper-lingual-interfaces .nr-15 .full-tooth-interface,
.upper-lingual-interfaces .nr-18 .full-tooth-interface,
.upper-lingual-interfaces .nr-22 .full-tooth-interface,
.upper-lingual-interfaces .nr-24 .full-tooth-interface,
.upper-lingual-interfaces .nr-25 .full-tooth-interface,
.upper-lingual-interfaces .nr-28 .full-tooth-interface,
.upper-lingual-interfaces .nr-52 .full-tooth-interface,
.upper-lingual-interfaces .nr-54 .full-tooth-interface,
.upper-lingual-interfaces .nr-55 .full-tooth-interface,
.upper-lingual-interfaces .nr-62 .full-tooth-interface,
.upper-lingual-interfaces .nr-64 .full-tooth-interface,
.upper-lingual-interfaces .nr-65 .full-tooth-interface {
  padding: 5px;
}
.lower-buccal-interfaces .nr-31 .full-tooth-interface,
.lower-buccal-interfaces .nr-32 .full-tooth-interface,
.lower-buccal-interfaces .nr-33 .full-tooth-interface,
.lower-buccal-interfaces .nr-34 .full-tooth-interface,
.lower-buccal-interfaces .nr-35 .full-tooth-interface,
.lower-lingual-interfaces .nr-31 .full-tooth-interface,
.lower-lingual-interfaces .nr-32 .full-tooth-interface,
.lower-lingual-interfaces .nr-33 .full-tooth-interface,
.lower-lingual-interfaces .nr-34 .full-tooth-interface,
.lower-lingual-interfaces .nr-35 .full-tooth-interface,
.lower-buccal-interfaces .nr-41 .full-tooth-interface,
.lower-buccal-interfaces .nr-42 .full-tooth-interface,
.lower-buccal-interfaces .nr-44 .full-tooth-interface,
.lower-buccal-interfaces .nr-45 .full-tooth-interface,
.lower-lingual-interfaces .nr-41 .full-tooth-interface,
.lower-lingual-interfaces .nr-42 .full-tooth-interface,
.lower-lingual-interfaces .nr-44 .full-tooth-interface,
.lower-lingual-interfaces .nr-45 .full-tooth-interface,
.lower-buccal-interfaces .nr-71 .full-tooth-interface,
.lower-buccal-interfaces .nr-72 .full-tooth-interface,
.lower-buccal-interfaces .nr-73 .full-tooth-interface,
.lower-buccal-interfaces .nr-74 .full-tooth-interface,
.lower-buccal-interfaces .nr-75 .full-tooth-interface,
.lower-lingual-interfaces .nr-71 .full-tooth-interface,
.lower-lingual-interfaces .nr-72 .full-tooth-interface,
.lower-lingual-interfaces .nr-73 .full-tooth-interface,
.lower-lingual-interfaces .nr-74 .full-tooth-interface,
.lower-lingual-interfaces .nr-75 .full-tooth-interface,
.lower-buccal-interfaces .nr-81 .full-tooth-interface,
.lower-buccal-interfaces .nr-82 .full-tooth-interface,
.lower-buccal-interfaces .nr-84 .full-tooth-interface,
.lower-buccal-interfaces .nr-85 .full-tooth-interface,
.lower-lingual-interfaces .nr-81 .full-tooth-interface,
.lower-lingual-interfaces .nr-82 .full-tooth-interface,
.lower-lingual-interfaces .nr-84 .full-tooth-interface,
.lower-lingual-interfaces .nr-85 .full-tooth-interface {
  padding: 6px;
}
.lower-buccal-interfaces .nr-43 .full-tooth-interface,
.lower-lingual-interfaces .nr-43 .full-tooth-interface,
.lower-buccal-interfaces .nr-83 .full-tooth-interface,
.lower-lingual-interfaces .nr-83 .full-tooth-interface {
  padding: 0 6px;
}
.lower-buccal-interfaces .nr-31 .full-tooth-interface,
.lower-buccal-interfaces .nr-32 .full-tooth-interface,
.lower-buccal-interfaces .nr-33 .full-tooth-interface,
.lower-buccal-interfaces .nr-34 .full-tooth-interface,
.lower-buccal-interfaces .nr-35 .full-tooth-interface,
.lower-buccal-interfaces .nr-36 .full-tooth-interface,
.lower-buccal-interfaces .nr-37 .full-tooth-interface,
.lower-buccal-interfaces .nr-38 .full-tooth-interface,
.lower-buccal-interfaces .nr-41 .full-tooth-interface,
.lower-buccal-interfaces .nr-42 .full-tooth-interface,
.lower-buccal-interfaces .nr-43 .full-tooth-interface,
.lower-buccal-interfaces .nr-44 .full-tooth-interface,
.lower-buccal-interfaces .nr-45 .full-tooth-interface,
.lower-buccal-interfaces .nr-46 .full-tooth-interface,
.lower-buccal-interfaces .nr-47 .full-tooth-interface,
.lower-buccal-interfaces .nr-48 .full-tooth-interface,
.lower-buccal-interfaces .nr-71 .full-tooth-interface,
.lower-buccal-interfaces .nr-72 .full-tooth-interface,
.lower-buccal-interfaces .nr-73 .full-tooth-interface,
.lower-buccal-interfaces .nr-74 .full-tooth-interface,
.lower-buccal-interfaces .nr-75 .full-tooth-interface,
.lower-buccal-interfaces .nr-81 .full-tooth-interface,
.lower-buccal-interfaces .nr-82 .full-tooth-interface,
.lower-buccal-interfaces .nr-83 .full-tooth-interface,
.lower-buccal-interfaces .nr-84 .full-tooth-interface,
.lower-buccal-interfaces .nr-85 .full-tooth-interface {
  padding-bottom: 25px;
}

.upper-buccal-interfaces .nr-18 .full-tooth-interface,
.upper-buccal-interfaces .nr-28 .full-tooth-interface {
  background-position: 4px 12px;
}
.upper-lingual-interfaces .nr-18 .full-tooth-interface,
.upper-lingual-interfaces .nr-28 .full-tooth-interface {
  background-position: 4px -150px;
}
.upper-buccal-interfaces .nr-17 .full-tooth-interface,
.upper-buccal-interfaces .nr-27 .full-tooth-interface {
  background-position: -44px 12px;
}
.upper-lingual-interfaces .nr-17 .full-tooth-interface,
.upper-lingual-interfaces .nr-27 .full-tooth-interface {
  background-position: -44px -150px;
}
.upper-buccal-interfaces .nr-16 .full-tooth-interface,
.upper-buccal-interfaces .nr-26 .full-tooth-interface {
  background-position: -95px 12px;
}
.upper-lingual-interfaces .nr-16 .full-tooth-interface,
.upper-lingual-interfaces .nr-26 .full-tooth-interface {
  background-position: -95px -150px;
}
.upper-buccal-interfaces .nr-15 .full-tooth-interface,
.upper-buccal-interfaces .nr-25 .full-tooth-interface,
.upper-buccal-interfaces .nr-55 .full-tooth-interface,
.upper-buccal-interfaces .nr-65 .full-tooth-interface {
  background-position: -141px 12px;
}
.upper-lingual-interfaces .nr-15 .full-tooth-interface,
.upper-lingual-interfaces .nr-25 .full-tooth-interface,
.upper-lingual-interfaces .nr-55 .full-tooth-interface,
.upper-lingual-interfaces .nr-65 .full-tooth-interface {
  background-position: -141px -150px;
}
.upper-buccal-interfaces .nr-14 .full-tooth-interface,
.upper-buccal-interfaces .nr-24 .full-tooth-interface,
.upper-buccal-interfaces .nr-54 .full-tooth-interface,
.upper-buccal-interfaces .nr-64 .full-tooth-interface {
  background-position: -184px 12px;
}
.upper-lingual-interfaces .nr-14 .full-tooth-interface,
.upper-lingual-interfaces .nr-24 .full-tooth-interface,
.upper-lingual-interfaces .nr-54 .full-tooth-interface,
.upper-lingual-interfaces .nr-64 .full-tooth-interface {
  background-position: -184px -150px;
}
.upper-buccal-interfaces .nr-13 .full-tooth-interface,
.upper-buccal-interfaces .nr-23 .full-tooth-interface,
.upper-buccal-interfaces .nr-53 .full-tooth-interface,
.upper-buccal-interfaces .nr-63 .full-tooth-interface {
  background-position: -229px 9px;
}
.upper-lingual-interfaces .nr-13 .full-tooth-interface,
.upper-lingual-interfaces .nr-23 .full-tooth-interface,
.upper-lingual-interfaces .nr-53 .full-tooth-interface,
.upper-lingual-interfaces .nr-63 .full-tooth-interface {
  background-position: -229px -154px;
}
.upper-buccal-interfaces .nr-12 .full-tooth-interface,
.upper-buccal-interfaces .nr-22 .full-tooth-interface,
.upper-buccal-interfaces .nr-52 .full-tooth-interface,
.upper-buccal-interfaces .nr-62 .full-tooth-interface {
  background-position: -276px 12px;
}
.upper-lingual-interfaces .nr-12 .full-tooth-interface,
.upper-lingual-interfaces .nr-22 .full-tooth-interface,
.upper-lingual-interfaces .nr-52 .full-tooth-interface,
.upper-lingual-interfaces .nr-62 .full-tooth-interface {
  background-position: -276px -152px;
}
.upper-buccal-interfaces .nr-11 .full-tooth-interface,
.upper-buccal-interfaces .nr-21 .full-tooth-interface,
.upper-buccal-interfaces .nr-51 .full-tooth-interface,
.upper-buccal-interfaces .nr-61 .full-tooth-interface {
  background-position: -323px 9px;
}
.upper-lingual-interfaces .nr-11 .full-tooth-interface,
.upper-lingual-interfaces .nr-21 .full-tooth-interface,
.upper-lingual-interfaces .nr-51 .full-tooth-interface,
.upper-lingual-interfaces .nr-61 .full-tooth-interface {
  background-position: -323px -152px;
}
.lower-buccal-interfaces .nr-38 .full-tooth-interface,
.lower-buccal-interfaces .nr-48 .full-tooth-interface {
  background-position: -16px -392px;
}
.lower-lingual-interfaces .nr-38 .full-tooth-interface,
.lower-lingual-interfaces .nr-48 .full-tooth-interface {
  background-position: -16px -526px;
}
.lower-buccal-interfaces .nr-37 .full-tooth-interface,
.lower-buccal-interfaces .nr-47 .full-tooth-interface {
  background-position: -70px -392px;
}
.lower-lingual-interfaces .nr-37 .full-tooth-interface,
.lower-lingual-interfaces .nr-47 .full-tooth-interface {
  background-position: -70px -526px;
}
.lower-buccal-interfaces .nr-36 .full-tooth-interface,
.lower-buccal-interfaces .nr-46 .full-tooth-interface {
  background-position: -124px -392px;
}
.lower-lingual-interfaces .nr-36 .full-tooth-interface,
.lower-lingual-interfaces .nr-46 .full-tooth-interface {
  background-position: -126px -526px;
}
.lower-buccal-interfaces .nr-35 .full-tooth-interface,
.lower-buccal-interfaces .nr-45 .full-tooth-interface,
.lower-buccal-interfaces .nr-75 .full-tooth-interface,
.lower-buccal-interfaces .nr-85 .full-tooth-interface {
  background-position: -173px -392px;
}
.lower-lingual-interfaces .nr-35 .full-tooth-interface,
.lower-lingual-interfaces .nr-45 .full-tooth-interface,
.lower-lingual-interfaces .nr-75 .full-tooth-interface,
.lower-lingual-interfaces .nr-85 .full-tooth-interface {
  background-position: -173px -526px;
}
.lower-buccal-interfaces .nr-34 .full-tooth-interface,
.lower-buccal-interfaces .nr-44 .full-tooth-interface,
.lower-buccal-interfaces .nr-74 .full-tooth-interface,
.lower-buccal-interfaces .nr-84 .full-tooth-interface {
  background-position: -212px -392px;
}
.lower-lingual-interfaces .nr-34 .full-tooth-interface,
.lower-lingual-interfaces .nr-44 .full-tooth-interface,
.lower-lingual-interfaces .nr-74 .full-tooth-interface,
.lower-lingual-interfaces .nr-84 .full-tooth-interface {
  background-position: -212px -526px;
}
.lower-buccal-interfaces .nr-33 .full-tooth-interface,
.lower-buccal-interfaces .nr-43 .full-tooth-interface,
.lower-buccal-interfaces .nr-73 .full-tooth-interface,
.lower-buccal-interfaces .nr-83 .full-tooth-interface {
  background-position: -252px -392px;
}
.lower-lingual-interfaces .nr-33 .full-tooth-interface,
.lower-lingual-interfaces .nr-43 .full-tooth-interface,
.lower-lingual-interfaces .nr-73 .full-tooth-interface,
.lower-lingual-interfaces .nr-83 .full-tooth-interface {
  background-position: -252px -526px;
}
.lower-buccal-interfaces .nr-32 .full-tooth-interface,
.lower-buccal-interfaces .nr-42 .full-tooth-interface,
.lower-buccal-interfaces .nr-72 .full-tooth-interface,
.lower-buccal-interfaces .nr-82 .full-tooth-interface {
  background-position: -291px -392px;
}
.lower-lingual-interfaces .nr-32 .full-tooth-interface,
.lower-lingual-interfaces .nr-42 .full-tooth-interface,
.lower-lingual-interfaces .nr-72 .full-tooth-interface,
.lower-lingual-interfaces .nr-82 .full-tooth-interface {
  background-position: -291px -526px;
}
.lower-buccal-interfaces .nr-31 .full-tooth-interface,
.lower-buccal-interfaces .nr-41 .full-tooth-interface,
.lower-buccal-interfaces .nr-71 .full-tooth-interface,
.lower-buccal-interfaces .nr-81 .full-tooth-interface {
  background-position: -325px -392px;
}
.lower-lingual-interfaces .nr-31 .full-tooth-interface,
.lower-lingual-interfaces .nr-41 .full-tooth-interface,
.lower-lingual-interfaces .nr-71 .full-tooth-interface,
.lower-lingual-interfaces .nr-81 .full-tooth-interface {
  background-position: -325px -526px;
}

.parod-context-menu-svg polygon:focus,
.parod-context-menu-svg polygon:hover {
  cursor: pointer;
  fill: #3d9be9;
  fill-opacity: 0.3;
  outline: none;
}
.patient-search-field,
.caregiver-select-field {
  width: 100%;
  margin: 0;
  float: left;
  padding: 0 1% !important;
}
.per-page-dropdown,
.per-page-trigger {
  font-size: 13px;
}
.per-page-trigger,
.per-page-trigger:focus {
  border: none;
}
.per-page-trigger {
  box-shadow: none !important;
}
.per-page-selector {
  display: flex;
  line-height: 36px;
}
.payment-list-cell .ember-power-select-trigger,
.per-page-selector .ember-power-select-trigger {
  height: 36px !important;
  line-height: 34px !important;
  max-height: 36px !important;
}
.power-calendar-holder {
  padding: 16px 19px 16px 19px;
}
.claim-row-tooltip .claim-row-tooltip-text {
  background-color: #555;
  border-radius: 6px;
  color: #fff;
  padding: 5px 10px;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.6s;
  visibility: hidden;
  z-index: 2;
}
.patient-hint {
  font-size: 14px !important;
  max-width: 540px;
  padding: 30px 20px !important;
  width: 100%;
}
.booking-duration-button-div-holder,
.margin-top-five {
  margin-top: 5px;
}
.claim-row-tooltip-text {
  margin-right: 5%;
  right: 0%;
}
.claim-row-tooltip:hover .claim-row-tooltip-text {
  visibility: visible;
}
.claim-row-tooltip-left-column {
  float: left;
  margin-right: 10px;
}
.claim-row-tooltip-right-column {
  float: right;
  margin-left: 10px;
}
.claim-row-tooltip-text::after {
  border-color: transparent transparent #555 transparent;
  border-style: solid;
  border-width: 5px;
  bottom: 100%;
  content: '';
  left: 50%;
  margin-left: -5px;
  position: absolute;
}
.dicom-container .dv-viewport-holder {
  height: 100%;
  margin: 0 10px;
  max-width: 500px;
  width: 100%;
}
.dicom-container .dv-viewports-row {
  height: 100%;
  max-height: 500px;
  margin: 10px 0;
}
.dicom-help {
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.dicom-help svg {
  fill: #637282;
  height: 20px;
  width: 20px;
}
.dicom-help .hint {
  white-space: pre-line;
  width: 300px;
}
.photo-swiper {
  bottom: 0;
  box-shadow:
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition:
    max-width 150ms,
    min-width 150ms,
    right 150ms,
    transform 150ms,
    width 150ms;
  width: 100%;
  z-index: 3;
}
.photo-swiper.in-dashboard {
  top: 51px;
}
.ai-pane-resizing .photo-swiper {
  transition: none;
}
.image-groups-container,
.mounts-container {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 50%;
  transition: max-width 150ms;
}
.is-hiding-image-groups .mounts-container,
.photo-swiper.pinned:not(.is-hiding-image-groups) .image-groups-container,
.photo-swiper.pinned .mounts-container {
  max-width: 100%;
}
.photo-swiper.pinned .photo-swiper-content-div {
  margin-bottom: 0 !important;
}
.is-hiding-image-groups .image-groups-container {
  flex-grow: 0;
  max-width: 95px;
}
.image-groups {
  transition: opacity 300ms ease-in 100ms;
}
.is-hiding-image-groups .image-groups {
  transition: none;
}
.image-groups-hamburger,
.is-hiding-image-groups .image-groups {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.image-groups-hamburger .image-count {
  position: absolute;
  top: -23px;
  right: -23px;
}
.image-groups,
.is-hiding-image-groups .image-groups-hamburger {
  opacity: 1;
  position: relative;
  visibility: visible;
}
.horizontal-toggle-expander {
  transition:
    max-width 150ms,
    min-width 150ms,
    opacity 150ms,
    visibility 150ms;
}
.horizontal-toggle-expander.hidden,
.main-nav-menu.hidden {
  max-width: 0;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
}
.photo-swiper.hidden {
  transform: translateX(100%);
  visibility: hidden;
}
.image-size-sensor.wheel-zooming,
.main-nav-menu.hidden {
  overflow: hidden;
}
.photo-swiper.expand {
  transform: translateX(0);
  visibility: visible;
}
.photo-swiper.expand.pinned {
  max-width: 420px;
  min-width: 420px;
  position: static;
}
.pinned .pinned-then-width-auto {
  width: auto;
}
.pinned-calendar {
  border-top: 1px solid #dddddd;
  padding: 10px 5px;
}
.pinned-calendar-booking-event {
  background-color: #f9f9f9;
  border-left: 1px solid #e1e3e6;
  border-right: 1px solid #e1e3e6;
  box-sizing: border-box;
  padding: 6px 0;
}
.pinned-calendar-item {
  height: 40px;
}
.pinned-calendar-item:last-child .pinned-calendar-booking-event {
  border-bottom: 1px solid #e1e3e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.photo-swiper-dropdown {
  z-index: 50;
}
.photo-swiper-heading {
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  height: 64px;
  padding: 6px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.photo-swiper-heading h2 {
  margin: 9px 0;
}
.photo-swiper-intro {
  align-items: center;
  height: 250px;
  justify-content: center;
  padding: 10px;
  text-align: center;
}
.image-comparison,
.image-comparison-item,
.image-editor,
.photo-swiper-content-div,
.photo-swiper-heading {
  background: #14191f;
}
.image-comparison,
.image-editor,
.photo-swiper-item {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
  top: 0;
  left: 0;
}
.image-comparison,
.photo-swiper-item {
  z-index: 50;
}
.image-editor,
.single-3d-item,
.single-pdf-item {
  z-index: 1503;
}
.pdf-item-ocr-text-content {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.75);
  font-family: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', 'Liberation Mono', Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 1.55;
  overflow-y: auto;
  padding: 12px 14px;
  user-select: text;
}
.image-fullscreen-preview {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1504;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.91);
}
.image-fullscreen-preview img {
  width: 94%;
  max-height: 94vh;
  object-fit: contain;
}
.image-editor-toolbar-pane,
.image-editor-toolbar-tabs-highlighter,
.photo-swiper,
.upload-patient-file-modal .modal-body,
.wheel-zooming-indicator {
  background: #232c38;
}
.patient-files-content {
  overflow: auto;
  height: 51vh;
}
.image-editor-toolbar-pane {
  box-sizing: border-box;
  color: white;
  min-width: 350px;
  position: relative;
}
.image-editor-toolbar-pane .ember-power-select-trigger,
.image-editor-toolbar-pane .standard-input,
.photo-swiper-content-div .ember-power-select-trigger {
  border: 0;
  box-shadow: 0 0 0 0 rgba(0, 196, 204, 0);
  color: white;
  height: 48px;
  max-height: 48px;
  transition: box-shadow 0.2s ease-out;
}
.image-editor-toolbar-pane .ember-power-select-trigger,
.image-editor-toolbar-pane .standard-input,
.image-editor-toolbar-pane .standard-input[disabled],
.image-editor-toolbar-pane .standard-input[readonly],
.photo-swiper-content-div .ember-power-select-trigger {
  background-color: #1a212a !important;
}
.image-editor-toolbar-pane .ember-power-select-trigger:focus,
.image-editor-toolbar-pane .ember-power-select-trigger--active,
.image-editor-toolbar-pane .standard-input:focus,
.photo-swiper-content-div .ember-power-select-trigger:focus,
.photo-swiper-content-div .ember-power-select-trigger--active {
  box-shadow: 0 0 0 2px #3d9be9;
  outline: none;
}
.image-editor-toolbar-pane .ember-power-select-clear-btn,
.image-editor-toolbar-pane .ember-power-select-clear-btn:hover {
  color: white;
}
.mini-group-item.selected,
.mini-mount-item.selected,
.mount-item.selected {
  outline: none;
  z-index: 1;
}
.mini-group-item.selected,
.mini-mount-item.selected {
  box-shadow: 0 0 0 2px #3d9be9;
}
.mount-item.selected {
  box-shadow: 0 0 0 4px #3d9be9;
}
.image-editor-toolbar-tab {
  background: none;
  border: none;
  cursor: pointer;
  height: 72px;
  padding: 27px;
  z-index: 1;
}
.image-editor-toolbar-tab svg {
  height: 18px;
  width: 18px;
}
.image-editor-toolbar-tab.selected svg,
.image-editor-toolbar-tab.selected svg.crop-svg path {
  fill: #3d9be9 !important;
}
.journal-filter-indicator {
  background-color: #fa3e3e;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
  padding: 1px 3px;
  pointer-events: none;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
}
.image-editor-toolbar-tab[disabled],
.image-editor-toolbar-tab[disabled]:hover {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
}
.image-editor-toolbar-tab[disabled] svg,
.image-editor-toolbar-tab[disabled] svg.crop-svg path {
  fill: rgb(100, 100, 100) !important;
}
.image-editor-toolbar-tabs {
  background: #1a212a;
  width: 72px;
}
.image-editor-toolbar-tabs-highlighter {
  height: 72px;
  position: absolute;
  transition: transform 0.3s ease;
  width: 72px;
}
.image-editor-toolbar-tabs-highlighter.image-pane {
  transform: translateY(0);
}
.image-editor-toolbar-tabs-highlighter.ai-pane {
  transform: translateY(100%);
}
.image-editor-toolbar-tabs-highlighter.filter-pane {
  transform: translateY(200%);
}
.image-editor-toolbar-tabs-highlighter.crop-pane {
  transform: translateY(300%);
}
.image-editor-toolbar-tabs-highlighter.painter-pane {
  transform: translateY(400%);
}
.image-editor-pane {
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.998);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  z-index: -1;
}
.image-editor-pane.selected {
  opacity: 1;
  transform: none;
  z-index: auto;
}
.image-pane-content {
  overflow-x: hidden;
  padding: 24px;
}
.image-pane-content.scrollable > * {
  flex-shrink: 0;
}
.photo-swiper-item {
  background: #14191f;
  display: flex;
  flex-direction: column;
}
.photo-swiper-item-image {
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.photo-swiper-item-image-holder {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.photo-swiper-item-image-holder img {
  overflow: hidden;
}
.photo-swiper-item-thumbnail {
  box-sizing: border-box;
  justify-content: center;
  margin: 0;
  max-width: 150px;
  min-height: 120px;
  min-width: 120px;
  padding: 1px;
  width: 50%;
  z-index: 1;
}
.photo-swiper-item-loader {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.mini-mount-item .photo-swiper-item-thumbnail,
.mount-item .photo-swiper-item-thumbnail {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  min-height: auto;
  min-width: auto;
  position: relative;
  width: 100%;
}
.mini-mount-item .photo-swiper-item-thumbnail img,
.mount-item .photo-swiper-item-thumbnail img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.photo-swiper-background {
  background: 0 0;
  border: 0;
  width: 100%;
  height: 100%;
}
.photo-swiper-close-button {
  background-position: 0 -44px;
}
.photo-swiper-counter {
  flex: 0 0 auto;
}
.photo-swiper-counter,
.photo-swiper-file-type,
.photo-swiper-item-date,
.photo-swiper-item-name {
  align-items: center;
  display: flex;
  font-size: 13px;
  left: 0;
  line-height: 44px;
  opacity: 0.75;
  padding: 0 10px;
}
.photo-swiper-item-date {
  width: 12ch;
}
.photo-swiper-item-date input {
  font-size: 13px;
}
.photo-swiper-counter,
.photo-swiper-item-name {
  color: #fff;
}
.photo-swiper-item-name {
  flex: 1 1 auto;
  overflow: hidden;
}
.photo-swiper-top-bar {
  display: flex;
  height: 49px;
  min-height: 49px;
  width: 100%;
}
.ai-params-expander-inner,
.three-d-canvas-container {
  min-height: 0;
}
.three-d-canvas-container ~ .progress-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.three-hundred-fifty-width {
  width: 350px;
}
.photo-swiper-zoom-wrap {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}
.flex-td .color-picker-native {
  display: flex;
}
.flex-td .color-picker-native,
.one-flex-grow,
.one-flex-grow-selected-item > .ember-power-select-selected-item {
  flex-grow: 1;
}
.flex-child-bottom {
  align-items: flex-end;
}
.zero-flex-basis {
  flex-basis: 0;
}
.z-index-high-important-when-hovered:hover {
  z-index: 1502 !important;
}
.table-holder {
  padding: 1px;
}
.task-item {
  display: flex;
}
.text-input-by-sign-button {
  width: 450px;
}
.no-border-top-important,
.photo-swiper-item-thumbnail > .show-on-parent-hover {
  border-top: 0 !important;
}
.referral-status,
.ticket-status {
  border-radius: 3px;
  color: white;
  font-size: 9px;
  font-weight: 600;
  height: 15px;
  line-height: 15px;
  text-align: center;
  width: 15px;
}
.referral-status.external {
  background-color: #fff;
  border: 1px solid #eee;
  color: inherit;
}
.referral-status.internal {
  background-color: rgb(66, 133, 244);
}
.time-input {
  height: 40px;
  position: relative;
  width: 143px;
}
.time-input input {
  border: 0;
  height: 40px;
  overflow: hidden;
  text-align: center;
}
.time-input:hover,
.time-input:hover input {
  background: rgba(0, 0, 0, 0.05);
}
.time-input:hover .time-input-button {
  opacity: 1;
  transform: translateX(0);
}
.time-input-buttons {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.time-input-button {
  border-bottom: 0;
  border-left: 1px #e6e6e6 solid;
  border-radius: 0;
  border-right: 1px #e6e6e6 solid;
  border-top: 0;
  cursor: pointer;
  height: 20px;
  opacity: 0;
  padding: 0 2px;
  transform: translateX(100%);
  transition:
    opacity 150ms,
    transform 150ms;
  width: 16px;
}
.time-input-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
.time-input-hour input {
  font-weight: 700;
}
.timeslot {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 0%;
  border-bottom: 1px solid #e1e3e6 !important;
  flex: 1 1 auto;
}
.timeslot-label {
  height: 11px;
  line-height: 11px;
}
.search-toggle-expander .expander-div {
  border: 0;
}
.expander-span-holder {
  margin-left: auto;
}
.margin-left-twenty {
  margin-left: 20px !important;
}
.margin-left-twentyfive,
.search-toggle-expander .expander-span-holder {
  margin-left: 25px;
}
.margin-left-two {
  margin-left: 2px;
}
.toggle-expander .trigger {
  margin: 5px;
}
.history-matching-toggle-expander .trigger,
.search-toggle-expander .trigger,
.toggle-expander.tight .trigger,
.toggle-expander.discreet .trigger {
  margin: 0;
}
.toggle-expander {
  position: relative;
}
.search-toggle-expander .expander-div h4 {
  color: #637282;
  font-size: 13px;
  font-weight: 400;
}
.toggle-expander-heading {
  transition: margin-left 200ms ease;
}
.toggle-expander-heading.filter-applied {
  margin-left: 4px;
}
.prescription-technical-info .trigger {
  margin: 5px 0;
}
.toggle-expander-area {
  opacity: 0;
  position: absolute;
  top: 33.5px;
  transform: scaleY(0);
  transform-origin: top;
  transition:
    opacity 150ms,
    transform 150ms,
    visibility 150ms;
  visibility: hidden;
}
.toggle-expand .toggle-expander-area {
  opacity: 1;
  position: relative;
  top: 0;
  transform: scaleY(1);
  visibility: visible;
}
.ai-params-expander {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition:
    grid-template-rows 100ms ease,
    opacity 100ms ease;
}
.ai-params-expander.expanded {
  grid-template-rows: 1fr;
  opacity: 1;
}
.toggler-list-cell {
  box-sizing: border-box;
  line-height: 30px;
  margin: 0;
  padding: 3px;
}
.noUi-horizontal {
  flex: 1 1 auto;
  height: 18px;
  max-height: 18px;
  z-index: 0;
}
.point-slider {
  height: 50px;
}
.point-slider.high-risk .noUi-connect {
  background: red;
}
.point-slider.low-risk .noUi-connect {
  background: green;
}
.point-slider.medium-risk .noUi-connect {
  background: yellow;
}
.point-slider-value-field {
  margin-left: 20px;
  margin-right: 20px;
  width: 50px;
}
.thirty-top-margin {
  margin-top: 30px !important;
}
.traffic-sign-svg {
  height: 13px;
  width: 20px;
}
.margin-bottom-four-important {
  margin-bottom: 4px !important;
}
.margin-three-zero-important {
  margin: 3px 0 !important;
}
.margin-bottom-twenty,
.twenty-vertical-margin {
  margin-bottom: 20px !important;
}
.ten-top-margin {
  margin-top: 10px !important;
}
.thirtyfive-height {
  height: 35px;
}
.twenty-top-margin,
.twenty-vertical-margin {
  margin-top: 20px !important;
}
.bottom-menu,
.sticky-bottom-menu {
  background: hsl(220, 12%, 95%);
  bottom: 0;
  box-sizing: border-box;
  flex: 0 0 auto;
  height: 59px;
  left: 0;
  max-height: 59px;
  min-height: 59px;
  padding: 5px;
  right: 0;
}
.icon-bottom-modal,
.icon-small-bottom-modal {
  top: auto !important;
}
.icon-bottom-modal {
  bottom: 48px;
}
.icon-small-bottom-modal {
  bottom: 32px;
}
.icon-color-maybe,
.icon-color-no,
.icon-color-yes {
  margin-right: 10px;
}
.icon-color-maybe {
  color: #666;
}
.icon-color-maybe-important div.flex-td {
  color: #666 !important;
  font-weight: 500;
}
.icon-color-no {
  color: #e01e5a;
}
.icon-color-no-important div.flex-td {
  border-color: #fff !important;
  color: #e01e5a !important;
  font-weight: 500;
}
.icon-color-yes {
  color: #2eb67d;
}
.icon-color-yes-important div.flex-td {
  border-color: #fff !important;
  color: gray;
}
.image-group,
.mount {
  margin-bottom: 25px;
}
.image-group img,
.mount img {
  transition: opacity 300ms ease-in;
  opacity: 0;
}
.image-group img.loaded,
.mount img.loaded {
  opacity: 1;
}

.flexwrap,
.image-group-area {
  flex-wrap: wrap;
}
.images-button {
  height: 24px;
  margin-right: 4px;
  width: 24px;
}
.archived,
.difference,
.header-box,
.imported,
.non-bookable,
.protected {
  border-radius: 4px;
  display: inline-block;
  flex-shrink: 1;
  font-size: 12px;
  letter-spacing: 0.3px;
  margin: auto 5px;
  padding: 0 6px;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.header-box.green {
  background-color: #b2f09d;
  color: #3c4043;
  font-weight: 400;
}
.archived,
.imported,
.non-bookable {
  background-color: #e3e7e9;
  color: #3c4043;
  font-weight: 400;
}
.imported,
.non-bookable,
.protected {
  height: 22px;
  line-height: 22px;
  max-width: 100%;
  overflow: hidden;
}
.difference {
  height: 18px;
  line-height: 18px;
}
.difference,
.protected,
.warning {
  background-color: red;
  color: white;
  font-weight: 500;
}
.ticket-open {
  background-color: rgb(227, 79, 50);
}
.ticket-closed {
  background-color: rgb(135, 146, 157);
}
.include-non-approved-toggler {
  margin-top: auto !important;
  margin-bottom: 5px !important;
}
.in-front {
  z-index: 2;
}
.in-front-when-hovered:hover {
  z-index: 2;
}
.inside-sticky-bottom-menu,
.inside-sticky-bottom-menu-reasonable-stretch,
.inside-sticky-bottom-menu-stretched {
  display: flex;
  margin: auto;
}
.invisible-scrollbar {
  overflow: scroll;
  visibility: hidden;
}
.invoice-event {
  background: #f9f9f9;
  margin: 5px;
  margin-top: 25px;
}
.italic,
.italic-tr .flex-td {
  font-style: italic;
}
.top-menu-stretched {
  background: #f9f9f9;
  display: flex;
  flex: 0 0 auto;
}
.sticky-parod-top-menu,
.sticky-top-menu,
.sticky-top-menu-completely-stretched,
.sticky-top-menu-reasonable-stretch,
.sticky-top-menu-stretched {
  background: #f9f9f9;
  display: flex;
  flex: 0 0 auto;
  z-index: 3;
}
.sticky-parod-top-menu {
  height: 88px;
}
.sticky-top-menu,
.sticky-top-menu-completely-stretched,
.sticky-top-menu-reasonable-stretch,
.sticky-top-menu-stretched,
.top-menu-stretched {
  height: 49px;
}
.sticky-parod-top-menu h1,
.sticky-top-menu h1,
.sticky-top-menu-completely-stretched h1,
.sticky-top-menu-reasonable-stretch h1,
.sticky-top-menu-stretched h1,
.top-menu-stretched h1 {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 14px;
  margin: 5px;
}
.sticky-parod-top-menu h2,
.sticky-top-menu h2,
.sticky-top-menu-completely-stretched h2,
.sticky-top-menu-reasonable-stretch h2,
.sticky-top-menu-stretched h2,
.top-menu-stretched h2 {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  height: 39px;
  margin: 5px;
}
.sticky-top-menu .heading-relations,
.sticky-top-menu-reasonable-stretch .heading-relations,
.sticky-top-menu-stretched .heading-relations,
.top-menu-stretched .heading-relations {
  flex-grow: 200;
  flex-shrink: 1;
}
.inside-sticky-bottom-menu,
.sticky-top-menu {
  max-width: 1084px;
}
.sticky-top-menu.semi-tight {
  max-width: 1080px;
}
.sticky-top-menu.tight {
  max-width: 740px;
}
.two-flex-grow {
  flex-grow: 2;
}
.two-row-power-select {
  height: 57px !important;
}
.left-label-div {
  float: left;
  width: 20%;
  padding: 4px 1%;
  text-align: right;
  box-sizing: border-box;
}
.qms-activity-delay {
  box-sizing: border-box;
  justify-content: end;
  width: 240px;
}
.qms-activity-group-text-holder {
  background: rgb(249, 249, 249);
  padding: 15px 0 7px 16px;
  text-transform: capitalize;
}
.qms-activity-item-tr {
  min-height: 99px;
}
.qms-buttons {
  box-sizing: border-box;
  justify-content: end;
  width: 270px;
}
.qms-date-holder {
  min-width: 74px;
}
.qms-bar-complaint {
  fill: #c62828;
}
.qms-bar-incident {
  fill: #ef6c00;
}
.qms-chart-label {
  fill: #2c2d30;
  font-size: 16px;
}
.qms-chart-value {
  fill: #555;
  font-size: 14px;
}
.qms-td {
  padding: 12px 16px;
}
.qr-code-holder,
.visible-table-ender {
  padding: 20px;
}
.dark-page-loader-container,
.page-loader-container,
.qr-code-holder img {
  margin: auto;
}
.qty-less,
.qty-more {
  appearance: none;
  background: #2eb67d;
  background: linear-gradient(to top, #2eb67d, #249164);
  border-bottom: 1px solid silver;
  border-top: 1px solid silver;
  color: #fff;
  cursor: pointer;
  float: left;
  font-weight: 600;
  height: 30px;
  width: 40px;
}
.qty-less {
  border-bottom-left-radius: 3px;
  border-left: 1px solid silver;
  border-right: 0;
  border-top-left-radius: 3px;
}
.qty-more {
  border-bottom-right-radius: 3px;
  border-left: 0;
  border-right: 1px solid silver;
  border-top-right-radius: 3px;
}
.ratings-star-small,
.ratings-star {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 20%;
}
.user-drop-down img {
  border-radius: 50%;
}
.user-drop-down .user-image {
  margin-right: 13px;
}
.right-input-div {
  float: left;
  width: 80%;
}
.registry-label {
  font-weight: 600;
}
.extra-margin,
.hidden-overflow,
.locked-timetable,
.registry-row,
.registry-row-fourty-bottom-margin,
.registry-row-half-margin,
.registry-row-half-side-margins,
.registry-row-no-horizontal-margin,
.registry-row-no-margin,
.registry-row-no-top-margin,
.registry-row-no-vertical-margin,
.registry-row-tiny-margin {
  overflow: hidden;
}
.visible-overflow {
  overflow: visible;
}
.margin-zero-eight {
  margin: 0 8px;
}
.margin-five,
.registry-row {
  margin: 5px;
}
.margin-five-five-zero-five {
  margin: 5px 5px 0 5px;
}
.extra-margin,
.margin-twentyeight {
  margin: 28px;
}
.margin-vertical-twentyeight {
  margin: 28px 0;
}
.margin-twenty {
  margin: 20px;
}
.margin-horizontal-twentyeight {
  margin-left: 28px;
  margin-right: 28px;
}
.margin-bottom-fourty,
.registry-row-fourty-bottom-margin {
  margin-bottom: 40px;
}
.margin-bottom-fourty-important {
  margin-bottom: 40px !important;
}
.margin-two-point-five,
.registry-row-half-margin {
  margin: 2.5px;
}
.margin-fifty-zero {
  margin: 50px 0;
}
.registry-row-half-side-margins,
.margin-five-twofive {
  margin: 5px 2.5px;
}
.margin-twofive-five-important {
  margin: 2.5px 5px !important;
}
.margin-five-important {
  margin: 5px !important;
}
.registry-row-no-horizontal-margin,
.margin-five-zero {
  margin: 5px 0;
}
.margin-five-zero-important {
  margin: 5px 0 !important;
}
.registry-row-no-top-margin {
  margin: 0 5px 5px 5px;
}
.margin-ten-zero {
  margin: 10px 0;
}
.margin-ten {
  margin: 10px;
}
.margin-zero-two {
  margin: 0 2px;
}
.margin-zero-five,
.registry-row-no-vertical-margin {
  margin: 0 5px;
}
.margin-zero-five-important {
  margin: 0 5px !important;
}
.margin-zero-five-five-five {
  margin: 0 5px 5px 5px;
}
.margin-zero-ten {
  margin: 0 10px;
}
.registry-row-tiny-margin {
  margin: 1px;
}
.margin-top-eighty {
  margin-top: 80px;
}
.margin-top-fifty {
  margin-top: 50px;
}
.margin-top-seven {
  margin-top: 7px;
}
.margin-top-sixty {
  margin-top: 60px;
}
.margin-top-three {
  margin-top: 3px;
}
.margin-top-twenty {
  margin-top: 20px;
}
.margin-top-twenty-important {
  margin-top: 20px !important;
}
.half-radio-button {
  width: 50%;
}
.half-right-input-div {
  float: left;
  width: 30%;
  box-sizing: border-box;
}
.has-arrived {
  border: 4px solid black !important;
}
.header-icon {
  color: silver;
  fill: silver;
  line-height: 24px;
  padding: 8px 12px;
}
.svg-icon-fill-silver {
  fill: silver;
}
.svg-icon-fill-silver:hover {
  fill: #999999;
}
.header-icon span {
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}
.header-icon > a,
.header-icon > a span {
  color: silver;
  fill: silver;
  text-decoration: none;
}
.header-icon > a:hover span,
.header-icon > .link-button:hover span {
  color: #999999;
}
.heading-bottom-border {
  border-bottom: 1px solid #efefef;
}
.heading-relations {
  display: none;
  flex-direction: column;
  float: left;
  font-size: 12px;
  justify-content: center;
  margin: 3px 5px 3px 10px;
}
.heading-relations .blue-link-button,
.heading-relations .link-button {
  font-weight: 700;
}
.blue-link-button {
  color: #1264a3 !important;
  fill: #1264a3;
  text-decoration: underline;
}
.blue-link-button,
.link-button {
  cursor: pointer;
}
.footer-div {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 49px;
  width: 100%;
}
.patient-display-name-clinic-name {
  margin-top: 3px;
}
.file-table-row-subtext,
.patient-display-name-subtext,
.prescription-row > .prescription-row-subtext,
.subtext,
.subtext-black {
  overflow: hidden;
}
.qms-activity-item-big-text {
  font-size: 22px;
  line-height: 28px;
}
.file-table-row-subtext,
.qms-activity-item-small-text {
  font-size: 12px;
}
.patient-display-name-subtext,
.prescription-row > .prescription-row-subtext,
.small-toggler,
.subtext,
.subtext-black,
.subtext-same-line-height {
  font-size: 13px;
}
.subtext-same-line-height {
  line-height: 13px;
}
.file-table-row-subtext,
.patient-display-name-subtext,
.prescription-row > .prescription-row-subtext,
.small-toggler,
.subcolor,
.subtext,
.subtext-same-line-height,
.subtext-small {
  color: #637282;
}
.subtext,
.subtext-same-line-height,
.subtext-small {
  font-weight: normal;
}
.prescription-row > .prescription-row-subtext,
.subtext,
.subtext-black {
  line-height: 17px;
}
.subtext-black {
  color: #000;
  font-weight: 600;
}
.ember-power-select-multiple-option .power-select-option-row .subtext.light,
.ember-power-select-option[aria-current='true'] .power-select-option-row .subtext.light {
  color: #e6e6e6 !important;
}
.not-accepts-digital-remittance .subtext {
  color: #999;
}
.flex-align-right {
  margin-left: auto;
}
.flex-align-right-important {
  margin-left: auto !important;
}
.flex-tr a {
  display: flex;
}
.flex-tr:first-child {
  border-top: 1px solid #fbfbfb;
}
.photo-swiper-content-div .flex-tr:first-child {
  border-top: 0;
}
.flex-tr.lift-on-hover:hover {
  z-index: 1;
}
.footer-date-container {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
}
.footer-div .flexable {
  align-content: center;
  display: flex;
  flex: 1 1 auto;
  font-size: 13px;
  margin-left: 10px;
}
.fass {
  background-color: #eee;
  border: 1px solid silver;
  border-bottom-right-radius: 3px;
  border-left: 0;
  border-top-right-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  width: 66px;
}
.fass img {
  margin-top: 5px;
  margin-left: 6px;
}
.fass-div div.ember-power-select-trigger {
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-right-radius: 0;
}
.file-icon {
  border: 1px solid #ccc;
  height: 150px;
  position: relative;
  width: 150px;
}
.file-icon svg {
  fill: #666;
  margin: auto;
}
.file-icon-delete {
  display: none !important;
  position: absolute !important;
  right: 2px !important;
  top: 2px !important;
}
.file-icon-holder {
  color: #000;
  cursor: pointer;
  float: left;
  font-size: 0.9em;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: center;
  width: 150px;
}
.file-icon-holder:hover div.file-icon {
  background-color: #f3f3f3;
}
.file-icon-holder:hover button.file-icon-delete {
  display: block !important;
}
.flex-container-end {
  justify-content: flex-end;
}
.ember-power-select-options .flex-column-if-option,
.flex-column,
.pinned .pinned-then-flex-column {
  display: flex;
  flex-direction: column !important;
}
.ember-power-select-options .flex-column-if-option {
  align-items: normal;
}
.flex-important {
  display: flex !important;
}
.flex-row,
.flex-row-to-column {
  display: flex !important;
  flex-direction: row !important;
}
.above-sticky-tr {
  position: relative;
  z-index: 2;
}
.hint-children-to-bottom.above-sticky-tr:hover {
  z-index: 2;
}
.parod-jaw {
  transition: max-height 500ms ease-out;
  min-height: 100px;
  max-height: 1000px;
  position: relative;
  padding-right: 2px;
  user-select: none;
}
.parod-jaw.jaw-loading {
  max-height: 0;
  overflow: hidden;
}
.parod-jaw > div:not(#page-loader) {
  transition: opacity 500ms ease-out;
  opacity: 1;
}
.parod-jaw.jaw-loading > div:not(#page-loader) {
  opacity: 0;
}
.background-transparent,
.parod-jaw.jaw-loading > #page-loader {
  background: transparent;
}
.flex-horizontal-center {
  display: flex;
  justify-content: center;
}
.flex-horizontal-stretch {
  display: flex;
  justify-content: space-between;
}
.ember-power-select-trigger .flex-vertical-center-in-trigger,
.flex-th,
.flex-vertical-center {
  align-items: center;
  display: flex;
}
.flex-position-at-bottom {
  margin-top: auto !important;
}
.flex-position-at-bottom.no-margin-important {
  margin: auto 0 0 0 !important;
}
.flex-position-at-center {
  margin-left: auto;
  margin-right: auto;
}
.flex-align-right .full-image {
  max-height: 100%;
  max-width: 100%;
}
.full-page-content {
  width: 99%;
  margin: 0.5%;
}
.photo-swiper-content-div {
  border-radius: 3px;
}
.photo-swiper-content-div > .flex-table > .flex-tr > .flex-td,
.photo-swiper-content-div .standard-input,
.photo-swiper-content-div .standard-input:hover:not([disabled]) {
  background: #232c38 !important;
}
.hint-to-bottom > .flex-table > .flex-tr > .flex-td,
.image-editor-toolbar-pane .date-picker-actions.show-on-parent-hover,
.parod-form .print-parodtooth .parod-column > div:not(.implant-tooth),
.photo-swiper-content-div .date-picker-actions.show-on-parent-hover {
  background: transparent !important;
}
.opening-hours-row .payment-list-cell:nth-child(2) .date-picker-actions {
  margin-right: 25px;
}
.image-pane-content .expander-div,
.photo-swiper-content-div,
.photo-swiper-content-div .expander-div,
.photo-swiper-content-div input:not(.datetime-picker-year-picker) {
  color: white;
}
.photo-swiper-content-div .expander-div h4 {
  display: block;
}
.photo-swiper-content-div .expander-span {
  border-color: #424244 transparent transparent transparent;
}
.invoice-event,
.page-content-div,
.page-content-div-big-vertical-margin,
.page-content-div-no-margin-top {
  border-radius: 3px;
  border-top: 1px solid #fbfbfb;
  box-shadow: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-left: 1px;
  margin-right: 1px;
}
.photo-swiper-content-div h2,
.invoice-event h2,
.page-content-div h2,
.page-content-div-margin-bottom h2,
.page-content-div-big-vertical-margin h2,
.page-content-div-no-margin-top h2 {
  -webkit-margin-before: 0;
}
.invoice-event,
.margin-bottom-five,
.page-content-div,
.page-content-div-big-vertical-margin,
.page-content-div-no-margin-top,
.photo-swiper-content-div {
  margin-bottom: 5px;
}
.page-content-div-big-vertical-margin {
  margin-top: 100px;
}
.photo-swiper-content-div,
.invoice-event,
.page-content-div {
  margin-top: 25px;
}
.page-content-div,
.page-content-div-big-vertical-margin,
.page-content-div-margin-bottom,
.page-content-div-no-margin-top {
  background: #fff;
}
.page-content-div-margin-bottom {
  margin-bottom: 30px;
}
.dark-page-loader-text {
  color: white;
}
.one-fourth {
  box-sizing: border-box;
  padding: 4px 1%;
  width: 25%;
}
header {
  padding: 0;
}
.main-body-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 1px;
  overflow: hidden;
  position: relative;
}
.main-body-container header {
  border-bottom: 1px solid rgb(173, 175, 178);
  box-sizing: border-box;
  display: flex;
  flex: 0 0 51px;
  height: 51px;
  max-height: 51px;
  min-height: 51px;
  padding: 5px;
  z-index: 5;
}
.main-body-page-holder {
  background: rgb(249, 249, 249);
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}
.drop-files-area {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  position: initial;
}
.drop-files-area .drop-area {
  backdrop-filter: blur(4px);
  background: rgba(198, 198, 198, 0.83);
  border-radius: 5px;
  bottom: 0;
  color: #444;
  display: flex;
  height: calc(99% - 51px);
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 51px;
  transition: all 0.1s ease-in;
  visibility: hidden;
  width: 99%;
  z-index: 53;
}
.drop-files-area.highlight .drop-area {
  opacity: 1;
  visibility: visible;
}
.drop-files-area .drop-area .drop-files-animation {
  height: 150px;
  position: relative;
  width: 150px;
  transform: rotate(20deg) scale(0.7);
  transition: all 0.1s ease-in;
}
.drop-files-area.highlight .drop-area .drop-files-animation {
  transform: rotate(0) scale(1);
}
.drop-files-animation img,
.drop-files-animation svg {
  bottom: 0;
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  transition: all 0.1s ease-in;
  transform: translate(0, 0) rotate(0);
}
.drop-files-area.highlight .drop-area .drop-files-animation .pdf-animated-icon {
  transform: translate(22px, -32px) rotate(-3deg);
}
.drop-files-area.highlight .drop-area .drop-files-animation .file-animated-icon {
  transform: translate(-16px, 0px) rotate(3deg);
}
.drop-files-area.highlight .drop-area .drop-files-animation .image-animated-icon {
  transform: translate(20px, 29px) rotate(-8deg);
}
.dropzone-visual {
  align-items: center;
  border: 2px dashed #ccc;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 120px;
  padding: 20px;
}
.dropzone-visual.has-files {
  margin-top: 20px;
  min-height: 90px;
}
.dropzone-visual:hover {
  border-color: #999;
}
.dropzone-visual .dropzone-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dropzone-visual .dropzone-icon {
  fill: #888;
  height: 24px;
  width: 24px;
}
.dropzone-visual .dropzone-text {
  color: #888;
  font-size: 14px;
}
.dropzone-menu-overlay {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
.dropzone-menu {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 10px #222;
  left: var(--dropzone-menu-left) !important;
  position: fixed !important;
  right: auto !important;
  top: var(--dropzone-menu-top) !important;
  z-index: 100000;
}
.main-nav-menu {
  background: #4d394b;
  display: flex;
  flex: 0 0 230px;
  flex-direction: column;
  max-height: 100vh;
  max-width: 230px;
  min-width: 1px;
  position: relative;
  transition:
    max-width 100ms,
    min-width 100ms,
    opacity 400ms ease-in 100ms;
}
.main-nav-menu.is-collapsed {
  margin-left: -220px;
}
.main-nav-menu .level0 .arrow,
.main-nav-menu .level1 .arrow {
  display: none;
}
.main-nav-menu .scrollable-nav-menu.mobile .level0 .arrow,
.main-nav-menu .scrollable-nav-menu.mobile .level1 .arrow {
  display: block !important;
}
.main-nav-menu:hover .level0 .arrow,
.main-nav-menu:hover .level1 .arrow {
  display: block;
}
.main-nav-menu .scrollable-nav-menu {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}
.main-nav-menu .scrollable-nav-menu::-webkit-scrollbar,
.user-selector-dropdown .ember-power-select-options::-webkit-scrollbar {
  width: 6px;
}
.main-nav-menu .scrollable-nav-menu::-webkit-scrollbar-thumb,
.user-selector-dropdown .ember-power-select-options::-webkit-scrollbar-thumb {
  background-color: #9ca6af;
  border-radius: 25px;
}
.main-nav-menu .scrollable-nav-menu::-webkit-scrollbar-track,
.user-selector-dropdown .ember-power-select-options::-webkit-scrollbar-track {
  background: #4d394b;
}
.main-nav-menu .scrollable-nav-menu.mobile {
  overflow-y: auto !important;
}
.main-nav-menu:hover .scrollable-nav-menu {
  overflow-y: auto;
}
.menu-divider,
.menu-divider-no-margin {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: block;
  padding: 0 !important;
}
.menu-divider {
  margin: 8px 0 7px !important;
}
.middle-pane {
  background: rgb(249, 249, 249);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
.middle-pane.has-only-top-menu {
  max-height: calc(100vh - 100px);
}
.middle-pane.has-top-and-bottom-menus {
  max-height: calc(100vh - 160px);
}
.external-window-container .middle-pane.has-top-and-bottom-menus {
  max-height: calc(100vh - 108px);
}
.external-window-container {
  background: #f9f9f9;
}
.button-menu-modal,
.more-menu-modal {
  height: auto !important;
}
.muntra-logo {
  display: flex;
  flex-shrink: 0;
  height: 21px;
  margin: 20px 0;
}
.muntra-logo-svg {
  height: 15px;
}
.muntra-thumbnail,
.muntra-thumbnail > .user-thumbnail-small {
  height: 32px;
  width: 32px;
}
.muntra-thumbnail {
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
}
.unbuttonlike-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  text-align: left;
}
.unpaid-invoices-holder {
  background-color: #fff;
  box-shadow: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2);
  box-sizing: border-box;
  position: fixed;
  z-index: 100;
}
.unpaid-invoices-text {
  background-color: #fff0f0;
  border: 2px solid red;
  border-radius: 4px;
  box-sizing: border-box;
  height: 80px;
  padding: 8px;
}
.updated-by {
  margin: 5px;
  float: right;
}
.user-menu {
  top: 35px !important;
}
.user-menu-header {
  margin: 10px 48px;
}
.user-menu-header .user-fullname {
  font-size: 16px;
  font-weight: 500;
}
.user-menu-header .user-title {
  color: gray;
  font-size: 13px;
}
.user-selector-dropdown {
  border: 0;
  border-radius: 0;
}
.user-selector-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #5a495c;
}
.user-selector-dropdown .ember-power-select-group,
.user-selector-dropdown .ember-power-select-search,
.user-selector-dropdown .power-select-option-row,
.user-selector-dropdown .power-select-option-row .subtext {
  background: #4d394b !important;
}
.user-selector-dropdown .ember-power-select-group {
  padding-bottom: 15px;
}
.user-selector-dropdown .power-select-option-row,
.user-selector-dropdown .power-select-option-row .subtext {
  border-bottom: 0 !important;
  color: #fff !important;
  font-size: 13px;
}

.user-selector-dropdown .ember-power-select-group .ember-power-select-group-name {
  color: rgb(202, 196, 201);
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
.user-selector-dropdown .power-select-option-row .subtext {
  color: #ddd !important;
}
.user-selector-dropdown .ember-power-select-option[aria-current='true'] div.power-select-option-row,
.user-selector-dropdown .ember-power-select-option[aria-current='true'] div.power-select-option-row .subtext {
  background: #3e313c !important;
}
.user-selector-trigger {
  background-color: #2eb67d !important;
  border-radius: 0;
  color: #fff !important;
  font-size: 13px;
  height: auto !important;
  line-height: 1.5 !important;
  min-height: auto !important;
  padding: 2px 12px 2px 15px;
}
.user-selector-dropdown .ember-power-select-group .ember-power-select-options,
.user-selector-trigger,
.user-selector-trigger:focus {
  border: 0;
}
.user-selector-trigger .subtext {
  color: #ddd;
}
.user-status-row {
  border-bottom: 1px solid #ebebeb;
}
.user-status-row.is-hidden {
  display: none;
}
.user-status-row .score-icon {
  background: #bdbdbd;
  border: none;
  border-radius: 100%;
  height: 12px;
  margin: 0 12px 0 4px;
  width: 12px;
}
.user-status-row.passed .score-icon {
  background: #0cce6b;
}
.user-status-row-description {
  color: rgb(66, 66, 66);
  display: none;
  padding: 8px 10px 8px 28px;
}
.user-status-row-description.is-showing {
  display: block;
}
.user-status-row-heading {
  cursor: pointer;
  font-weight: 500;
  padding: 8px 0;
}
.user-status-row-heading:hover {
  background-color: #fafafa;
}
.user-svg-holder {
  max-width: 13px;
  width: 99%;
}
.clinic-svg-holder {
  max-width: 17px;
  width: 99%;
}
.patient-thumbnail,
.user-thumbnail-mini,
.user-thumbnail-small {
  background: lightgray;
  border: 0;
  border-radius: 50% !important;
  cursor: pointer;
  float: left;
  font-size: 11px;
  overflow: hidden;
  padding: 0;
}
.patient-thumbnail,
.user-thumbnail-mini {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.delete-icon-context-menu.more-menu-modal {
  min-width: 200px !important;
  width: auto !important;
}
.patient-thumbnail-menu.more-menu-modal {
  left: 0 !important;
  right: auto !important;
}
.patient-thumbnail {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  line-height: 40px;
  margin: 5px;
  width: 40px;
}
.patient-thumbnail img {
  object-fit: cover;
}
.patient-thumbnail:has(.patient-thumbnail-loader) {
  background: transparent;
}
svg.patient-thumbnail-loader {
  height: 32px !important;
  width: 32px !important;
}
.patient-thumbnail-full-image {
  border-radius: 50%;
  height: 300px;
  margin: 0 auto;
  object-fit: cover;
  width: 300px;
}
.user-thumbnail-mini.authenticated {
  box-shadow: 0 0 0 2px #fff;
  outline: none;
}
.authenticator-button {
  justify-content: inherit;
  padding-left: 8px;
}
.authenticator-logo {
  height: 20px;
  margin-right: 8px;
  width: 20px;
}
.user-thumbnail-small {
  height: 42px;
  width: 42px;
}
.user-thumbnail {
  font-size: 24px;
  height: 60px;
  width: 60px;
}
.user-thumbnail-div {
  margin: 5px 10px 5px 15px;
}
.userYou {
  color: #a2a1a1;
  font-size: 11px;
  font-style: normal;
}
.footer-heading {
  color: #637282;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
.flex-align-items-end {
  align-items: end;
  display: flex;
}
.two-hundred-width {
  width: 200px;
}
.signin {
  background: rgb(255 255 255 / 95%);
  box-sizing: border-box;
  margin: auto;
  max-width: 380px;
  padding: 40px;
  text-align: left;
  width: 100%;
}
.round,
.round-thumbnail {
  border-radius: 50%;
}
.tertiary-button {
  background: none;
  border: 0;
  box-shadow: none !important;
  color: #666;
  display: inline-block;
  font-size: 14px;
  height: 39px;
  line-height: 18px;
  min-width: 80px !important;
  padding: 0 10px !important;
}
.thumbnail {
  border: 1px solid #ccc;
  height: 146px;
  position: relative;
  width: 146px;
}
.hint-to-top.thumbnail-hint {
  bottom: 110% !important;
  hyphens: auto;
  max-width: 300px;
  min-width: 250px !important;
  overflow-wrap: break-word;
  white-space: normal !important;
}
.object-fit-cover,
.user-image img,
.user-thumbnail-mini img,
.user-thumbnail-small img {
  object-fit: cover;
}
.thumbnail-holder {
  color: #000;
  cursor: pointer;
  font-size: 0.9em;
  height: 146px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 10px;
  position: relative;
  text-align: center;
  width: 146px;
}
.thumbnail-holder:hover button.file-icon-delete {
  display: block !important;
}
.title {
  color: #333333;
  font-size: 16px;
  margin: 25px 0;
  text-align: center;
}
h2.title {
  font-weight: 700;
  text-align: left;
}
.blue-link {
  text-decoration: underline;
}
.blue-link-no-underline {
  text-decoration: none !important;
}
.blue-link:hover,
.blue-link-no-underline:hover {
  text-decoration: underline !important;
}
.blue-link,
.blue-link-no-underline {
  color: #1264a3 !important;
  cursor: pointer;
  fill: #1264a3;
}
.help-widget .blue-link-no-underline,
.user-menu .blue-link-no-underline {
  font-size: 14px;
  font-weight: 500;
}
.help-widget .blue-link-no-underline {
  line-height: 16px;
}
.help-widget li {
  font-size: 14px;
}
.booking-response-row-text {
  align-items: center;
  display: flex;
  font-weight: normal;
  margin-left: 10px;
  margin-right: 10px;
}
.bottom-nav-link,
.middle-nav-link,
.top-nav-links {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
.bottom-nav-link {
  padding-top: 15px;
}
.middle-nav-link,
.top-nav-links {
  border-bottom: 1px solid #5a495c;
}
.monitor-folder,
.bottom-nav-link .level0,
.top-nav-links .level0 {
  margin: 0;
}
.bottom-nav-link .level0,
.top-nav-links .level0 {
  padding: 4.5px 12px 4.5px 15px;
}
.top-nav-links .patient-card-nav-svg-button {
  margin: 0;
  padding: 4.5px 0 4.5px 0;
}
.top-nav-links .patient-card-nav-svg-button.active {
  background-color: #2eb67d !important;
}
.top-nav-links .patient-card-nav-svg-button .traffic-sign-svg {
  display: block;
}
.services {
  margin-left: auto;
  margin-right: auto;
  max-width: 280px;
  min-width: 280px;
  width: 280px;
}
.primary {
  appearance: button;
  cursor: pointer;
  background: #444;
  color: #fff;
  font-weight: 700;
  border: 1px solid transparent;
  border-radius: 4px;
  display: block;
  font-size: 14px;
  height: 42px;
  line-height: normal;
  margin-top: 10px;
  width: 100%;
}
.margin-top-fourty {
  margin-top: 40px;
}
.margin-top-fourty-important {
  margin-top: 40px !important;
}
.half-page-left,
.half-page-right {
  box-sizing: border-box;
  float: left;
  width: 50%;
}
.half-page-left {
  padding-right: 5px;
}
.half-page-right {
  padding-left: 5px;
}
.amount,
.payment-list-cell > input[type='number'],
.right-align {
  justify-content: flex-end;
  text-align: right !important;
}
input.left-align[type='number'],
.left-align {
  text-align: left !important;
}
.left-padded {
  padding-left: 10px;
}
.journal-entry-type-column {
  min-width: 9px;
  width: 1%;
}
.eight-hundred-width-hint,
.journal-text-hint,
.third-party-status-hint {
  white-space: normal !important;
  width: 800px;
}
.third-party-status-hint {
  font-size: 14px !important;
  line-height: 16px !important;
}
.third-party-status-hint > ul > li {
  padding: 6px 0;
}
.remittance-response-hint {
  background-color: rgb(249, 249, 249) !important;
  color: #2c2d30 !important;
}
.stepper-field .amount {
  appearance: none !important;
  border-radius: 0 !important;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  border-left: 0;
  border-right: 0;
  background: #fff;
  float: left;
  height: 30px;
  margin-bottom: 0px;
  padding: 0 8px;
  text-align: right;
  width: 70px !important;
}
.action.link {
  color: #37a000;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
}
.display-inline {
  display: inline;
}
.already-selected {
  background: #c2dbff;
  color: #202124;
  font-weight: 700;
}
.as-calendar .hour,
.as-calendar .timeslot,
.as-calendar li,
.as-calendar-timetable-content {
  transition:
    height 250ms,
    transform 250ms;
}
.as-calendar .hour,
.as-calendar-timetable__first-column .full-hour,
.pride-emulator-time,
.timeslot.full-hour {
  border-bottom: 1px solid #aeb0b3 !important;
}
.as-calendar li,
.as-calendar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.booking-event-pride-holder,
li.claim-row-outcome {
  margin-bottom: 15px;
}
.calendar {
  background: transparent !important;
}
a.level0,
button.level0,
div.level1,
a.level1,
a.level2 {
  display: flex;
}
.level0,
.level1,
.level2 {
  background-color: transparent;
  border: 0;
  color: rgb(202, 196, 201);
  cursor: pointer;
  fill: rgb(202, 196, 201);
  text-align: left;
  text-decoration: none;
}
.monitor-folder {
  color: #909090;
  font-size: 11px;
  line-height: 22px;
  padding: 4.5px 12px 4.5px 27px;
}
.monitor-folder + .hint-to-bottom {
  transform: none !important;
  left: 5px;
}
.level0 .arrow,
.level1 .arrow {
  height: 12px;
  margin-left: auto;
  padding: 1px;
  width: 12px;
}
.level1 .arrow {
  margin-right: 30px;
}
.top-nav-links {
  flex-shrink: 0;
}
.top-nav-links .level0 {
  font-size: 14px;
}
.middle-nav-link .level0 {
  margin-top: 0;
  padding: 18px 12px 0 15px;
}
.level0.no-child {
  padding: 2px 12px 2px 15px;
}
.level0 .svg-holder path {
  fill: rgb(202, 196, 201);
}
.level0:hover {
  color: #fff;
  fill: #fff;
}
.level0:hover .svg-holder path,
.level0.active:not(.always-inactive) .svg-holder path {
  fill: #fff;
}
.level0.active:not(.always-inactive),
.level1.active:not(.always-inactive),
.level2.active,
.level0.active:hover:not(.always-inactive),
.level1.active:hover:not(.always-inactive),
.level2.active:hover {
  background-color: #2eb67d !important;
  color: #fff !important;
  cursor: default;
}
.level1,
.level2 {
  display: flex;
  text-align: left;
}
.level1 {
  padding: 2px 12px 2px 15px;
}
.level2 {
  padding: 2px 12px 2px 25px;
}
.level1:hover,
.level2:hover {
  background: #3e313c;
}

@media (max-width: 500px) {
  .ai-pane {
    transition:
      transform 150ms,
      opacity 150ms,
      visibility 150ms;
  }

  .ai-pane.expand {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    z-index: 9999;
    transform: translateX(0);
  }

  .ai-pane-button {
    display: flex;
    flex: 1;
    justify-content: center;
    min-width: 44px;
  }

  .ai-pane-button,
  .header-icon .settings-button {
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .as-calendar-header {
    padding: 0 !important;
  }
  .flex-row-to-column {
    flex-direction: column !important;
  }

  header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  header .flex-align-right.flex-container-end {
    flex: 0 0 auto;
    width: auto;
    gap: 0;
    margin-left: auto;
  }

  .header-container-holder {
    flex: 1 1 auto;
    min-width: 0;
  }

  .header-icon {
    flex: 0 0 auto;
    min-width: 44px;
    padding: 8px 2px;
    display: flex;
    justify-content: center;
  }

  .settings-link {
    flex: 0 0 auto;
    min-width: 44px;
    margin-left: 0;
    display: flex;
    justify-content: center;
  }

  .invoice-event,
  .page-content-div,
  .page-content-div-margin-bottom,
  .page-content-div-big-vertical-margin,
  .page-content-div-no-margin-top {
    margin-left: 2px;
    margin-right: 2px;
  }
  .main-nav-menu {
    bottom: 0;
    left: 0;
    max-width: 90%;
    position: fixed;
    top: 0;
    width: 90%;
    z-index: 5;
  }
  .notifications-menu-link {
    display: none;
  }
  .one-third-div {
    width: 100%;
  }
  .patient-selector {
    max-width: 100%;
  }
  .patient-selector-dropdown,
  .settings-menu,
  .sr-legend-modal,
  .user-menu {
    border: 0;
    border-radius: 0;
    bottom: 0;
    flex-direction: column !important;
    left: 0 !important;
    position: fixed !important;
    right: 0;
    top: 0 !important;
    transform: translateY(45px) !important;
    width: 100% !important;
  }
  .patient-selector-dropdown .last-patients,
  .patient-selector-dropdown .patient-search {
    width: 100% !important;
  }
  .patient-selector-dropdown .last-patients {
    border-left: 0;
    padding: 5px;
  }
}
.ember-power-select-options li div.accepts-digital-remittance,
.ember-power-select-options li div.reimbursed {
  background-color: #e5ffe5 !important;
}
.ember-power-select-dropdown li div.not-reimbursed {
  background-color: #ffe5e5 !important;
}
.claim-reimbursement-validation-text {
  color: #000;
  display: flex;
  font-size: 15px;
  line-height: 30px;
  overflow: hidden;
}

.new-message-room-modal-body .ember-power-select-multiple-trigger {
  height: 100px;
  min-height: 100px;
}
.new-room {
  box-sizing: border-box;
  flex-grow: 1;
  height: 100%;
  padding: 30px;
  text-align: center;
  width: 100%;
}
.new-room-content {
  vertical-align: middle;
}
.new-room-content .blue-link-no-underline {
  font-weight: 500;
}
.non-approved:not(:hover) {
  background: #ffe5e5;
  color: #000;
}
.horizontal-now-indicator,
.horizontal-now-indicator-end,
.now-indicator,
.now-indicator-end {
  pointer-events: none;
  position: absolute;
  z-index: 3;
}
.horizontal-now-indicator,
.horizontal-now-indicator-end {
  top: 0;
  transition: left 250ms;
}
.now-indicator,
.now-indicator-end {
  left: 0;
  transition: top 250ms;
}
.horizontal-now-indicator {
  border-left: #db4437 solid 2px;
  bottom: -1px;
}
.now-indicator {
  border-top: #db4437 solid 2px;
  right: -1px;
}
.horizontal-now-indicator-end,
.now-indicator-end {
  background: #db4437;
  border-radius: 50%;
  content: '';
  height: 12px;
  width: 12px;
}
.horizontal-now-indicator-end {
  margin-left: -5px;
  margin-top: -7.5px;
}
.now-indicator-end {
  margin-left: -7.5px;
  margin-top: -5px;
}
.no-padding {
  padding: 0 !important;
}
.no-side-margin {
  margin-left: 0;
  margin-right: 0;
}
.notification-button {
  height: 24px !important;
  position: relative;
  width: 24px !important;
}
.notification-link {
  margin-left: 7px;
  margin-right: 7px;
}
svg.nr-18,
svg.nr-28,
svg.nr-38,
svg.nr-48,
svg.nr-17,
svg.nr-27,
svg.nr-37,
svg.nr-47,
svg.nr-16,
svg.nr-26,
svg.nr-36,
svg.nr-46,
svg.nr-15,
svg.nr-25,
svg.nr-35,
svg.nr-45,
svg.nr-14,
svg.nr-24,
svg.nr-34,
svg.nr-44,
svg.nr-13,
svg.nr-23,
svg.nr-33,
svg.nr-43,
svg.nr-12,
svg.nr-22,
svg.nr-32,
svg.nr-42,
svg.nr-11,
svg.nr-21,
svg.nr-31,
svg.nr-41,
svg.nr-58,
svg.nr-68,
svg.nr-78,
svg.nr-88,
svg.nr-57,
svg.nr-67,
svg.nr-77,
svg.nr-87,
svg.nr-56,
svg.nr-66,
svg.nr-76,
svg.nr-86,
svg.nr-55,
svg.nr-65,
svg.nr-75,
svg.nr-85,
svg.nr-54,
svg.nr-64,
svg.nr-74,
svg.nr-84,
svg.nr-53,
svg.nr-63,
svg.nr-73,
svg.nr-83,
svg.nr-52,
svg.nr-62,
svg.nr-72,
svg.nr-82,
svg.nr-51,
svg.nr-61,
svg.nr-71,
svg.nr-81 {
  width: 100% !important;
}
.nr-18,
.nr-28,
.nr-38,
.nr-48,
.nr-58,
.nr-68,
.nr-78,
.nr-88 {
  width: 6.56%;
}

.nr-17,
.nr-27,
.nr-37,
.nr-47,
.nr-57,
.nr-67,
.nr-77,
.nr-87 {
  width: 7%;
}

.nr-16,
.nr-26,
.nr-36,
.nr-46,
.nr-56,
.nr-66,
.nr-76,
.nr-86 {
  width: 7.29%;
}

.nr-15,
.nr-25,
.nr-35,
.nr-45,
.nr-55,
.nr-65,
.nr-75,
.nr-85 {
  width: 5.69%;
}

.nr-14,
.nr-24,
.nr-34,
.nr-44,
.nr-54,
.nr-64,
.nr-74,
.nr-84,
.nr-33,
.nr-43,
.nr-73,
.nr-83 {
  width: 5.54%;
}

.nr-13,
.nr-23,
.nr-53,
.nr-63 {
  width: 5.98%;
}

.nr-12,
.nr-22,
.nr-52,
.nr-62 {
  width: 5.54%;
}

.nr-32,
.nr-42,
.nr-72,
.nr-82 {
  width: 5.98%;
}

.nr-11,
.nr-21,
.nr-31,
.nr-41,
.nr-51,
.nr-61,
.nr-71,
.nr-81 {
  width: 5.83%;
}
.parod-tooth-snapshot {
  box-sizing: border-box;
  width: 6.25%;
}
.interface-parod-tooth-snapshots {
  padding: 0 2px 2px 0;
}
.interface-parod-tooth-snapshots .parod-tooth-snapshot {
  opacity: 1;
  position: relative;
  transition: opacity 0.3s;
}
.interface-parod-tooth-snapshots .parod-tooth-snapshot .blue-box {
  border-radius: 3px;
  bottom: 3px;
  left: 3px;
  pointer-events: none;
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 1;
}
.interface-parod-tooth-snapshots .parod-tooth-snapshot:hover .blue-box {
  box-shadow: 0 0 2px 2px #3d9be9;
}
.chat-button .mentions,
.help-button-container .number-of-notifications,
.indicator-amount,
.notification-button .number-of-notifications {
  background: #fa3e3e;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
  padding: 1px 3px;
  pointer-events: none;
  position: absolute;
  text-align: center;
}
.indicator-amount {
  right: 6px;
  top: 3px;
}
.chat-button .mentions,
.inbox-button .indicator-amount,
.notification-button .number-of-notifications {
  right: -3px;
  top: -5px;
}
.help-button-container .number-of-notifications {
  left: 3px;
  top: -2px;
}
.notification-button:hover div.number-of-notifications {
  border-color: #2eb67d;
}
.calendar-views .green-dot,
.level1 .green-dot,
.level2 .green-dot,
.level1 .white-dot,
.level2 .white-dot {
  border-radius: 50%;
  display: inline-block;
}
.calendar-views .green-dot,
.level1 .green-dot,
.level1 .white-dot {
  flex: 0 0 9px;
  height: 9px;
  width: 9px;
}
.level2 .green-dot,
.level2 .white-dot {
  height: 7px;
  min-width: 7px;
  width: 7px;
}
.g-map {
  height: 100%;
}
.g-map-canvas {
  height: 100%;
  width: 100%;
}
.g-map-declarations {
  display: none;
}
.gauge-arc {
  animation: load-gauge 1s ease forwards;
  animation-delay: 250ms;
  fill: none;
  transform-origin: 50% 50%;
}
.gauge-average .gauge-percentage,
.gauge-average .gauge-svg {
  color: rgb(255, 164, 0);
  fill: rgb(255, 164, 0);
  stroke: rgb(255, 164, 0);
}
.gauge-base {
  opacity: 0.1;
}
.gauge-container {
  margin-left: 1%;
}
.gauge-failed .gauge-percentage,
.gauge-failed .gauge-svg {
  color: #e01e5a;
  fill: #e01e5a;
  stroke: #e01e5a;
}
.gauge-heading {
  margin: auto;
  text-align: center;
}
.gauge-passed .gauge-percentage,
.gauge-passed .gauge-svg {
  color: #2eb67d;
  fill: #2eb67d;
  stroke: #2eb67d;
}
.gauge-percentage {
  bottom: 0;
  font-size: 42px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.gauge-scorescale {
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  display: inline-flex;
  margin: 12px auto 24px auto;
  padding: 8px 8px;
}
.gauge-scorescale-range-fail,
.gauge-scorescale-range-average,
.gauge-scorescale-range-pass {
  align-items: center;
  display: flex;
  margin: 0 12px;
  white-space: nowrap;
}
.gauge-scorescale-range-fail::before {
  background-color: #e01e5a;
}
.gauge-scorescale-range-average::before {
  background-color: rgb(255, 164, 0);
}
.gauge-scorescale-range-pass::before {
  background-color: #2eb67d;
}
.gauge-scorescale-range-fail::before,
.gauge-scorescale-range-average::before,
.gauge-scorescale-range-pass::before {
  border-radius: 10px;
  content: '';
  display: block;
  height: 6px;
  margin-right: 10px;
  width: 18px;
}
.gauge-svg {
  stroke-linecap: round;
}
.gauge-percentage,
.gauge-svg,
.gauge-svg-wrapper {
  height: 120px;
  width: 120px;
}
.gauge-svg-wrapper {
  margin: 24px auto 12px auto;
  position: relative;
}
.small-gauge .gauge-percentage,
.small-gauge .gauge-svg,
.small-gauge .gauge-svg-wrapper {
  height: 60px;
  width: 60px;
}
.font-twenty,
.small-gauge .gauge-percentage {
  font-size: 20px;
}
.small-gauge .gauge-heading {
  font-size: 13px;
}
.grabber {
  cursor: grab;
}
.green-background-important {
  background-color: #b2f09d !important;
}
.green-dot {
  background-color: #2eb67d;
}
.green-svg {
  fill: #2eb67d;
}
.white-disabled .ember-power-select-trigger-multiple-input:disabled,
.white-disabled .ember-power-select-trigger[aria-disabled='true'],
.white-disabled.ember-power-select-trigger[aria-disabled='true'] {
  background-color: #fff !important;
  border: none !important;
}
.white-disabled .ember-power-select-status-icon {
  display: none;
}
.white-background,
.white-dot {
  background-color: #fff;
}
.white-opaque-icon-button .icon-button-small {
  background: rgb(255 255 255 / 0.5);
}
.active .green-dot {
  background-color: #fff;
}
.flex-super-stretch {
  flex-grow: 10;
  flex-shrink: 10;
}
.journal-command-control {
  flex: 1 1 auto;
}
.journal-header {
  column-gap: 20px;
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
}
.journal-header.pinned {
  background: #f9f9f9;
  position: sticky;
  top: 0;
  z-index: 2;
}
.journal-filtering,
.voice-commands-panel-settings {
  max-height: 0;
  opacity: 0;
  transition:
    max-height 350ms ease-in-out,
    opacity 250ms ease-in-out;
}
.journal-filtering.expanded,
.voice-commands-panel-settings.expanded {
  max-height: 500px;
  height: auto;
  opacity: 1;
}
.journal-entry-recommendations {
  opacity: 0;
  max-height: 0;
  height: auto;
  transition:
    max-height 250ms ease-in,
    opacity 250ms ease-in;
}
.journal-entry-recommendations.journal-entry-recommendations-expanded {
  max-height: 105px;
  opacity: 1;
}
.journal-pricing-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 2px 0;
}
.journal-pricing-input {
  display: flex;
  flex-direction: row;
  gap: 4px;
  max-width: 130px;
  min-width: 130px;
}
.journal-pricing-total {
  font-weight: 600;
}
.journal-pricing-unit-select {
  width: auto;
}
.journal-pricing-value {
  min-width: 180px;
  text-align: right;
}
.journal-tooth-form {
  flex: 0 0 auto;
  max-width: 686px;
  min-width: 686px;
  position: relative;
  width: 686px;
}
.journal-tooth-form .tooth:not(.tooth-implant):not(.tooth-missing) svg {
  background-image: url(/assets/images/tooth_sprite.png);
  background-repeat: no-repeat;
  flex: 1 1 auto;
}
.tooth {
  border: 0 !important;
  display: flex;
  flex-direction: column;
}
.tooth-18 svg,
.tooth-58 svg {
  background-position: 0px 0px;
}
.tooth-18 svg.lab-tooth-svg,
.tooth-58 svg.lab-tooth-svg {
  background-position: 0px -94px;
}
.tooth-17 svg,
.tooth-57 svg {
  background-position: -45px 0px;
}
.tooth-17 svg.lab-tooth-svg,
.tooth-57 svg.lab-tooth-svg {
  background-position: -45px -94px;
}
.tooth-16 svg,
.tooth-56 svg {
  background-position: -93px 0px;
}
.tooth-16 svg.lab-tooth-svg,
.tooth-56 svg.lab-tooth-svg {
  background-position: -93px -94px;
}
.tooth-15 svg,
.tooth-55 svg {
  background-position: -144px 0px;
}
.tooth-15 svg.lab-tooth-svg,
.tooth-55 svg.lab-tooth-svg {
  background-position: -144px -94px;
}
.tooth-14 svg,
.tooth-54 svg {
  background-position: -183px 0px;
}
.tooth-14 svg.lab-tooth-svg,
.tooth-54 svg.lab-tooth-svg {
  background-position: -183px -94px;
}
.tooth-13 svg,
.tooth-53 svg {
  background-position: -222px 0px;
}
.tooth-13 svg.lab-tooth-svg,
.tooth-53 svg.lab-tooth-svg {
  background-position: -222px -94px;
}
.tooth-12 svg,
.tooth-52 svg {
  background-position: -260px 0px;
}
.tooth-12 svg.lab-tooth-svg,
.tooth-52 svg.lab-tooth-svg {
  background-position: -260px -94px;
}
.tooth-11 svg,
.tooth-51 svg {
  background-position: -301px 0px;
}
.tooth-11 svg.lab-tooth-svg,
.tooth-51 svg.lab-tooth-svg {
  background-position: -301px -94px;
}
.tooth-21 svg,
.tooth-61 svg {
  background-position: -341px 0px;
}
.tooth-21 svg.lab-tooth-svg,
.tooth-61 svg.lab-tooth-svg {
  background-position: -341px -94px;
}
.tooth-22 svg,
.tooth-62 svg {
  background-position: -381px 0px;
}
.tooth-22 svg.lab-tooth-svg,
.tooth-62 svg.lab-tooth-svg {
  background-position: -381px -94px;
}
.tooth-23 svg,
.tooth-63 svg {
  background-position: -422px 0px;
}
.tooth-23 svg.lab-tooth-svg,
.tooth-63 svg.lab-tooth-svg {
  background-position: -422px -94px;
}
.tooth-24 svg,
.tooth-64 svg {
  background-position: -461px 0px;
}
.tooth-24 svg.lab-tooth-svg,
.tooth-64 svg.lab-tooth-svg {
  background-position: -461px -94px;
}
.tooth-25 svg,
.tooth-65 svg {
  background-position: -499px 0px;
}
.tooth-25 svg.lab-tooth-svg,
.tooth-65 svg.lab-tooth-svg {
  background-position: -499px -94px;
}
.tooth-26 svg,
.tooth-66 svg {
  background-position: -539px 0px;
}
.tooth-26 svg.lab-tooth-svg,
.tooth-66 svg.lab-tooth-svg {
  background-position: -539px -94px;
}
.tooth-27 svg,
.tooth-67 svg {
  background-position: -589px 0px;
}
.tooth-27 svg.lab-tooth-svg,
.tooth-67 svg.lab-tooth-svg {
  background-position: -589px -94px;
}
.tooth-28 svg,
.tooth-68 svg {
  background-position: -637px 0px;
}
.tooth-28 svg.lab-tooth-svg,
.tooth-68 svg.lab-tooth-svg {
  background-position: -637px -94px;
}
.tooth-48 svg,
.tooth-88 svg {
  background-position: 0px -167px;
}
.tooth-47 svg,
.tooth-87 svg {
  background-position: -45px -167px;
}
.tooth-46 svg,
.tooth-86 svg {
  background-position: -93px -167px;
}
.tooth-45 svg,
.tooth-85 svg {
  background-position: -144px -167px;
}
.tooth-44 svg,
.tooth-84 svg {
  background-position: -183px -167px;
}
.tooth-43 svg,
.tooth-83 svg {
  background-position: -222px -167px;
}
.tooth-42 svg,
.tooth-82 svg {
  background-position: -260px -167px;
}
.tooth-41 svg,
.tooth-81 svg {
  background-position: -301px -167px;
}
.tooth-31 svg,
.tooth-71 svg {
  background-position: -341px -167px;
}
.tooth-32 svg,
.tooth-72 svg {
  background-position: -381px -167px;
}
.tooth-33 svg,
.tooth-73 svg {
  background-position: -422px -167px;
}
.tooth-34 svg,
.tooth-74 svg {
  background-position: -461px -167px;
}
.tooth-35 svg,
.tooth-75 svg {
  background-position: -499px -167px;
}
.tooth-36 svg,
.tooth-76 svg {
  background-position: -539px -167px;
}
.tooth-37 svg,
.tooth-77 svg {
  background-position: -589px -167px;
}
.tooth-38 svg,
.tooth-78 svg {
  background-position: -637px -167px;
}
.lower.tooth-implant svg,
.upper.tooth-implant svg {
  background-position-x: center;
  background-repeat: no-repeat;
}
.lower.tooth-implant svg {
  background-image: url(/assets/images/implant_rotated.png);
  background-position-y: 76px;
}
.upper.tooth-implant svg {
  background-image: url(/assets/images/implant.png);
  background-position-y: 35px;
}
.booking-parking .booking-event,
.relative-position,
.tooth {
  position: relative;
}
.tooth-element.lower {
  flex-direction: column-reverse;
}
.tooth-element-text {
  font-size: 9px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.pdf-item-loader,
#dark-page-loader,
#page-loader {
  filter: alpha(opacity = 90);
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1505;
}
.pdf-item-loader,
#dark-page-loader {
  background: #14191f;
}
#page-loader {
  background: #fff;
}
.skeleton-loader {
  align-items: center;
  animation: skeleton-loading 1.5s infinite linear;
  box-sizing: border-box;
  color: #637282;
  background: linear-gradient(60deg, #ffffff 25%, #f2f1f1 50%, #ffffff 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  display: flex;
  font-size: 12px;
  height: 100%;
  padding: 8px;
  width: 100%;
}
.animated-list-item {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 300ms ease,
    transform 300ms ease;
}
.animated-list-item.fade-in {
  opacity: 0;
  transform: translateY(-8px);
}
.animated-list-item.fade-out {
  opacity: 0;
  animation: fadeOut 300ms forwards;
}
.modal {
  display: none;
  position: fixed;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal,
.modal-open {
  overflow: hidden;
}
.modal-modal,
.parod-context-menu-modal {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transition:
    opacity 150ms,
    visibility 150ms;
  width: 100vw;
  z-index: 1504;
}
.modal-modal .overlay,
.modal-modal .transparent-overlay,
.parod-context-menu-modal .transparent-overlay {
  height: 100vh;
  overflow-x: auto;
}
.modal-modal .overlay {
  backdrop-filter: blur(5px);
  background-color: rgba(128, 128, 128, 0.77);
  margin-right: -17px;
  overflow-y: scroll;
}
.modal-modal .transparent-overlay {
  background-color: rgba(128, 128, 128, 0);
}
.invisible-loader,
.modal-modal.modal-hidden {
  opacity: 0;
}
.modal-modal.modal-hidden {
  visibility: hidden;
}
.modal-modal.modal-visible {
  opacity: 1;
  visibility: visible;
}
.modal-modal .booking-modal,
.modal-modal .standard-modal,
.phone-call-modal {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px #222;
  margin: auto;
  transition: transform 150ms;
}
.modal-modal .booking-modal {
  max-width: 450px;
}
.modal-modal .standard-modal {
  max-width: 95%;
  min-height: 300px;
  transform: translateY(50px);
  width: 600px;
}
.modal-modal .standard-modal.upload-patient-file-modal {
  width: 800px;
  min-height: 70vh;
}
.modal-modal .standard-modal.risk-assessment-modal,
.modal-modal .standard-modal.user-at-clinic-edit-modal {
  width: 800px;
}
.ai-generation-output {
  justify-content: flex-end;
  max-height: 0;
  opacity: 0;
  overflow-y: auto;
  transition:
    max-height 0.4s ease-out,
    opacity 0.4s ease-out;
}
.ai-generation-output.expanded {
  max-height: 300px;
  opacity: 1;
}
.ai-scanned-items {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ai-scanned-item {
  animation: messageSlideIn 0.15s ease-out both;
  font-size: 12px;
}
.risk-assessment-modal .flex-tr.selected-row {
  background-color: unset;
}
.phone-call-modal {
  margin-top: 20px;
  min-width: 300px;
}
.phone-call-modal-holder {
  bottom: 10px;
  position: absolute;
  right: 30px;
  z-index: 50;
}
.standard-modal-dropdown {
  min-width: 570px;
}
.modal-modal.modal-visible .standard-modal {
  transform: translateY(0);
}
.standard-modal .full-image {
  border-radius: 8px;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .a-calendar-occurrence:hover > .hint,
  .ember-power-select-trigger.has-hint-to-bottom:hover > .ember-power-select-selected-item > .hint-to-bottom,
  .hint-holder:hover > .hint,
  .hint-holder-to-bottom:hover > .hint-to-bottom,
  .hint-holder-to-bottom:hover > .patient-hint-to-bottom,
  .hint-holder-to-left:hover > .hint-to-left,
  .hint-holder-to-right:hover > .hint-to-right,
  .hint-holder-to-top:hover > .hint-to-top,
  .horizontal-booking-event:hover > .hint {
    opacity: 1;
  }
  .ember-power-select-trigger.has-hint-to-bottom:hover > .ember-power-select-selected-item > .hint-to-bottom,
  .hint-children-to-bottom .hint-holder:hover > .hint,
  .hint-children-to-bottom.hint-holder:hover > .hint,
  .hint-holder-to-bottom:hover > .hint-to-bottom,
  .hint-holder-to-bottom:hover > .patient-hint-to-bottom {
    transform: translate(-50%, 8px);
  }
  .hint-holder-to-bottom.hint-left-aligned:hover > .hint-to-bottom,
  .hint-holder-to-bottom.hint-right-aligned:hover > .hint-to-bottom {
    transform: translate(0%, 8px);
  }
  .hint-holder:hover > .hint,
  .hint-holder-to-left:hover > .hint-to-left {
    transform: translateX(-8px);
  }
  .hint-children-to-right .hint-holder:hover > .hint,
  .hint-children-to-right.hint-holder:hover > .hint,
  .hint-holder-to-right:hover > .hint-to-right {
    transform: translateX(8px) !important;
  }
  .hint-children-to-top .hint-holder:hover > .hint,
  .hint-children-to-top.hint-holder:hover > .hint,
  .hint-holder-to-top:hover > .hint-to-top {
    transform: translate(-50%, -8px);
  }

  .heading-relations {
    display: flex;
  }
  .sticky-parod-top-menu h1,
  .sticky-top-menu h1,
  .sticky-top-menu-completely-stretched h1,
  .sticky-top-menu-reasonable-stretch h1,
  .sticky-top-menu-stretched h1,
  .top-menu-stretched h1 {
    font-size: 26px;
  }
  .story-author {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 2px;
    overflow: hidden;
  }
  .story-body .time {
    color: #656565 !important;
    font-size: 12px;
    min-width: 60px;
  }
  .story-message {
    padding-left: 8px;
    padding-right: 18px;
  }
}

.booking-modal-header,
.modal-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 15px;
}
.modal-header {
  border-bottom: 1px solid #e5e5e5;
}
.modal-header h2 {
  margin: 0;
}

button.close {
  appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity = 20);
}
.close-icon,
.eye-icon,
.icon-button,
.icon-button-small,
.icon-button-smaller,
div.icon-mini,
div.icon-small {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 0%;
  border: 0;
  border-radius: 50%;
  box-sizing: border-box !important;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  flex-direction: column;
  fill: rgba(0, 0, 0, 0.54);
  flex-shrink: 0;
  outline: none;
  overflow: hidden;
  position: relative;
  stroke: rgba(0, 0, 0, 0.54);
  text-align: center;
  transition: background-size 0.13s;
  vertical-align: top;
  -webkit-tap-highlight-color: transparent;
}
.icon-button svg {
  height: 19px;
  width: 19px;
}
.icon-button-small svg {
  height: 15px;
  width: 15px;
}
.restore-icon svg {
  height: 21px;
  width: 21px;
}
.close-icon,
.icon-button,
.icon-button-small,
.icon-button-smaller {
  cursor: pointer;
  float: left;
}
.close-icon {
  margin-left: 8px;
}
.close-icon-svg {
  height: 13px !important;
  margin: 3px;
  width: 13px !important;
}
.close-icon-svg-small {
  height: 9px !important;
  margin: 3px;
  width: 9px !important;
}
.eye-icon {
  height: 18px;
  margin-right: 5px;
  width: 18px;
}
.close-icon,
.icon-button {
  height: 39px;
  padding: 10px;
  width: 39px;
}
.close-icon[disabled],
.icon-button[disabled] {
  padding: 9px;
}
.icon-small-with-loader {
  height: 34px;
  width: 34px;
}
.icon-small-with-loader,
.icon-with-loader {
  fill: rgba(0, 0, 0, 0.54);
  stroke: rgba(0, 0, 0, 0.54);
}
.icon-with-loader.gray-stroke-important {
  stroke: rgba(0, 0, 0, 0.54) !important;
}
.icon-with-loader {
  height: 39px;
  width: 39px;
}
.icon-button-small {
  height: 34px;
  padding: 9px;
  width: 34px;
}
.hide-and-show-with-animation {
  transition: all 500ms ease;
}
.hide-and-show-with-animation.hide-to-left,
.hide-and-show-with-animation.hide-to-right {
  width: 0;
  opacity: 0;
  margin: 0;
}
.hide-and-show-with-animation.hide-to-left {
  transform: translate(-100%, 0);
}
.hide-and-show-with-animation.hide-to-right {
  transform: translate(100%, 0);
}
div.icon-small,
.icon-button-smaller {
  height: 29.5px;
  padding: 7px;
  width: 29.5px;
}
div.icon-mini {
  height: 12px;
  padding: 0;
  width: 12px;
}
div.icon-mini svg,
div.lab-work-indicator svg {
  bottom: 2px;
  height: 8px;
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 8px;
}
div.icon-mini.blue {
  color: #00e0ff;
  fill: #00e0ff;
}
div.icon-mini.green {
  color: #63f82e;
  fill: #63f82e;
}
div.icon-mini.red {
  color: #ff6464;
  fill: #ff6464;
}
div.icon-mini.yellow {
  color: #fff835;
  fill: #fff835;
}
div.icon-small,
div.icon-mini {
  box-sizing: border-box;
  pointer-events: none;
}
div.icon-small.hint-holder-to-top {
  pointer-events: auto;
  overflow: visible;
}
div.icon-small.blue {
  color: #9ddaf0;
  fill: #9ddaf0;
}
div.icon-small.green {
  color: #b2f09d;
  fill: #b2f09d;
}
div.icon-small.purple {
  color: #eed1ff;
  fill: #eed1ff;
}
div.icon-small.red {
  color: #ffc6c6;
  fill: #ffc6c6;
}
div.dark-background.icon-small.white,
div.extra-dark-background.icon-mini.white {
  color: #fff;
  fill: #fff;
}
div.icon-small.yellow {
  color: #fffca2;
  fill: #fffca2;
}
.close-icon:hover:enabled,
.icon-button:hover:enabled,
.icon-button.hovering,
.icon-button-small:hover:enabled,
.icon-button-smaller:hover:enabled,
.icon-file input[type='file']:hover + label.icon-button,
.icon-file label.icon-button:hover,
.icon-trigger-holder > .icon-button:hover,
.icon-small-trigger-holder > .icon-button-small:hover {
  background-size: 100% 100%;
  fill: #000;
  stroke: #000;
}
.top-nav-links .icon-button-small,
.top-nav-links .icon-button-small:hover:enabled {
  fill: rgb(202, 196, 201);
}
.image-comparison .icon-button:hover:enabled,
.image-comparison .icon-button-smaller:hover:enabled,
.image-editor .icon-button:hover:enabled,
.photo-swiper .icon-button:hover:enabled,
.photo-swiper .icon-button-small:hover:enabled,
.photo-swiper-content-div .icon-button:hover:enabled,
.photo-swiper-item .icon-button:hover:enabled {
  background-image: linear-gradient(#333, #333);
}
.alert .alert-link,
.close {
  font-weight: 700;
}

.modal-body {
  flex-grow: 1;
  padding: 15px;
  position: relative;
}
.epicrisis-registration-footer {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 10px;
}
.epicrisis-registration-footer,
.modal-footer {
  background: hsl(220, 12%, 95%);
  box-sizing: border-box;
  margin-top: auto;
}
.modal-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  padding: 15px;
}
.modal-footer > button:first-child {
  margin-left: 0;
}
.booking-date-picker,
.booking-time-picker,
.booking-to-label,
.margin-right-five {
  margin-right: 5px;
}
.booking-date-picker {
  width: 100px;
}
.booking-time-picker {
  width: 60px;
}
.booking-to-label {
  color: #000;
  line-height: 30px;
  text-decoration: none;
}
.flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.full-height {
  height: 100vh;
}
.content {
  text-align: center;
}
.content .title {
  font-size: 84px;
}

.ember-power-select-option {
  padding: 0 !important;
}
.padding-zero {
  padding: 0;
}
.padding-zero-important {
  padding: 0 !important;
}
.padding-zero-eight {
  padding: 0 8px;
}
.padding-zero-five {
  padding: 0 5px;
}
.padding-zero-ten {
  padding: 0 10px;
}
.price-selector {
  position: relative;
}
.price-selector .price-filter-hover-trigger {
  background: #f7f7f7;
  border-bottom: 1px solid silver;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-left: 1px solid silver;
  border-right: none;
  border-top: 1px solid silver;
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);
  box-sizing: border-box;
  color: rgb(85, 85, 85);
  cursor: pointer;
  flex-grow: 0;
  font-size: 12px;
  height: 30px;
  line-height: 28px;
  padding-left: 8px;
  padding-right: 16px;
  position: relative;
}
.price-selector .price-filter-dropdown {
  background-color: #fff;
  border: 1px solid silver;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
  left: 0;
  max-width: 800px;
  opacity: 0;
  position: absolute;
  top: calc(100% - 1px);
  transition:
    opacity 0s 0.3s,
    visibility 0s 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 2;
}
.three-column-dropdown .ember-power-select-options {
  column-count: 3;
  column-rule: 1px solid #d8d8d8;
  font-size: 12px;
  padding: 20px;
}
.price-selector .price-filter-dropdown {
  column-count: 1;
  font-size: 12px;
  padding: 20px;
}
.price-selector .three-column-filter {
  column-count: 3;
}
.three-column-dropdown-grouped {
  background: #1a212a;
  border-bottom: 1px solid #222 !important;
  border-left: 1px solid #222 !important;
  border-right: 1px solid #222 !important;
  color: #fff;
  width: 800px !important;
}

.three-column-dropdown-grouped > .ember-power-select-options {
  display: flex;
  font-size: 12px;
  padding: 20px;
}
.three-column-dropdown .ember-power-select-options,
.three-column-dropdown-grouped .ember-power-select-options {
  max-height: none;
}
.three-column-dropdown-grouped .ember-power-select-options {
  border-top: 0;
}
.three-column-dropdown .ember-power-select-option[aria-current='true'],
.three-column-dropdown-grouped .ember-power-select-option[aria-current='true'] {
  background-color: inherit;
  color: inherit;
  text-decoration: underline;
}
.three-column-dropdown-grouped .ember-power-select-option[aria-selected='true'] {
  background-color: inherit;
  box-shadow: 0 0 0 2px #3d9be9;
  border-radius: 3px;
  color: inherit;
}
.three-column-dropdown-grouped .ember-power-select-group {
  background-color: inherit;
  color: inherit;
  flex: 1;
}
.price-filter-hover-trigger:hover + .price-filter-dropdown,
.price-filter-dropdown:hover {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.price-selector .third-party-price-filter-trigger {
  border-radius: 0;
}
.three-column-option {
  cursor: pointer;
  overflow: hidden;
  padding: 5px 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.three-column-option:hover {
  text-decoration: underline;
}
.price-selector .price-filter-status-icon {
  border-color: #bab6b6 transparent transparent transparent;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  bottom: 0;
  display: inline-block;
  height: 0;
  margin: auto;
  position: absolute;
  right: 5px;
  top: 0;
  width: 0;
}
.price-selector .price-trigger {
  border-left: none;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
div.power-select-option-row,
div.power-select-option-standard,
.declaration-item {
  display: inline-block;
}
.referral-listitem-header {
  display: inline-block !important;
}
.declaration-section {
  column-count: 2;
}
li.ember-power-select-option div.power-select-option-row,
.power-select-show-all div.power-select-option-row {
  align-items: flex-start;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  color: #000;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  line-height: 1.5em;
  overflow: hidden;
  padding: 5px 13px;
  text-decoration: none;
  white-space: normal;
}
li.ember-power-select-option div.power-select-option-row:hover,
li.ember-power-select-option div.power-select-option-row:hover .patient-display-name-subtext,
.ember-power-select-option[aria-current='true'] div.power-select-option-row,
.ember-power-select-option[aria-current='true'] div.power-select-option-row .patient-display-name,
.ember-power-select-option[aria-current='true'] div.power-select-option-row .patient-display-name-subtext,
.ember-power-select-option[aria-current='true'] div.power-select-option-row .subtext,
li.ember-power-select-option div.power-select-option-standard:hover,
.ember-power-select-option[aria-current='true'] div.power-select-option-standard,
.ember-power-select-option[aria-current='true'] .prescription-row > .prescription-row-subtext,
.power-select-show-all div.power-select-option-row:hover,
.power-select-show-all div.power-select-option-row:hover .patient-display-name-subtext {
  background: #5897fb !important;
  color: #fff !important;
  text-decoration-color: #fff !important;
}
li.ember-power-select-option div.power-select-option-standard {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  display: flex;
  max-width: 100%;
  padding: 2px 13px;
  text-decoration: none;
  white-space: normal;
}
.ember-power-select-option div.power-select-option-standard:before {
  content: '';
  height: 12px;
  margin: 3px 10px;
  width: 12px;
}
.ember-power-select-option[aria-selected='true'] div.power-select-option-standard:before {
  content: url("data:image/svg+xml; utf8, <svg fill='silver' viewBox='0 0 417 417' xmlns='http://www.w3.org/2000/svg'><path d='M159.988 318.582c-3.988 4.012-9.43 6.25-15.082 6.25s-11.094-2.238-15.082-6.25L9.375 198.113c-12.5-12.5-12.5-32.77 0-45.246l15.082-15.086c12.504-12.5 32.75-12.5 45.25 0l75.2 75.203L348.104 9.781c12.504-12.5 32.77-12.5 45.25 0l15.082 15.086c12.5 12.5 12.5 32.766 0 45.246zm0 0'/></svg>");
}
.ember-power-select-option[aria-selected='true'][aria-current='true'] div.power-select-option-standard:before {
  content: url("data:image/svg+xml; utf8, <svg fill='white' viewBox='0 0 417 417' xmlns='http://www.w3.org/2000/svg'><path d='M159.988 318.582c-3.988 4.012-9.43 6.25-15.082 6.25s-11.094-2.238-15.082-6.25L9.375 198.113c-12.5-12.5-12.5-32.77 0-45.246l15.082-15.086c12.504-12.5 32.75-12.5 45.25 0l75.2 75.203L348.104 9.781c12.504-12.5 32.77-12.5 45.25 0l15.082 15.086c12.5 12.5 12.5 32.766 0 45.246zm0 0'/></svg>");
}
input[type='text'][disabled],
input[type='password'][disabled],
input[type='password'][readonly],
input[type='number'][disabled],
input[type='number'][readonly],
input[type='tel'][disabled],
input[type='tel'][readonly],
.standard-input[disabled] {
  background-color: #f9f9f9 !important;
  color: #666;
  border-color: silver;
  box-shadow: none;
}
.ember-power-select-trigger.has-hint-to-bottom,
.ember-power-select-trigger.has-hint-to-bottom > .ember-power-select-selected-item {
  overflow-x: visible;
}
textarea[disabled],
textarea[readonly] {
  background-color: #f9f9f9 !important;
  box-shadow: none;
  color: #666;
  border-color: silver;
}
select[disabled] {
  background-color: #ebebe4 !important;
  color: #666;
  border-color: silver;
}
.button-file input[disabled] + label,
.button-menu[disabled],
.icon-button[disabled],
button[disabled],
label.confirm-primary[disabled] {
  background-color: #ebebe4 !important;
  background-image: linear-gradient(to bottom, #ebebe4, #ebebe4) !important;
  border: 1px solid silver !important;
  box-shadow: none !important;
  color: #666 !important;
  cursor: default;
  fill: #666;
  left: 0 !important;
  top: 0 !important;
}
.button-file input[disabled] + label:hover,
.icon-button[disabled]:hover,
button[disabled]:hover,
label.confirm-primary[disabled]:hover,
.icon-file label.icon-button[disabled]:hover {
  background-color: #ebebe4 !important;
  border-color: silver;
  color: #666;
  fill: #666;
}
.icon-file input[type='file'][disabled]:hover + label.icon-button {
  background-color: #ebebe4 !important;
  border-color: silver;
  color: #666;
  fill: #666;
}
.header-container-holder {
  width: 60%;
}
.header-container {
  box-sizing: border-box;
  float: left;
  padding: 5px;
  position: relative;
}
.vertical-margin {
  margin: 14px 0;
}
.vertical-resize {
  cursor: ns-resize;
  height: 14px;
}
.vertical-resize.bottom {
  margin-bottom: -4px;
}
.vertical-resize.top {
  margin-top: -4px;
}
.vertical-stretch {
  flex-grow: 1;
}
.views {
  padding-top: 4px;
  text-align: center;
}
.it-tech {
  margin-bottom: 8px;
}
.parod-form .tooth {
  height: 100%;
  width: 100%;
}
.parod-form .tooth svg {
  height: 100%;
  margin: auto;
  width: 100%;
}
.tooth svg text {
  font-size: 10px;
  pointer-events: none;
}
.upper-teeth .tooth {
  margin-bottom: 15px;
  margin-top: 15px;
}
.lower-teeth .tooth {
  margin-top: 15px;
  margin-bottom: 15px;
}
.parod-form .nr {
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
.parodtooth-gui-object.hidden {
  visibility: hidden;
}
.parodtooth-gui-object.bleeding,
.parodtooth-gui-object.pocket,
.parodtooth-gui-object.plackindex,
.parodtooth-gui-object.pus {
  text-align: center;
  position: absolute;
  line-height: 12px;
}
.parodtooth-gui-object.bleeding,
.parodtooth-gui-object.plackindex,
.parodtooth-gui-object.pus,
.parod-context-menu-button span.bleeding,
.parod-context-menu-button span.plackindex,
.parod-context-menu-button span.pus {
  font-size: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #000;
}
.parodtooth-gui-object.pocket {
  background: #fff;
  border: 1px solid silver;
  border-radius: 50%;
  color: #000;
  display: block;
  font-size: 13px;
  height: 10px;
  padding: 2px 0;
  width: 14px;
}
.print-parodtooth .parodtooth-gui-object.pocket {
  font-size: 13px;
  height: 12px;
  line-height: 11px;
  width: 15px;
}
.parodtooth-gui-object.bleeding,
.parod-context-menu-button span.bleeding {
  background: #f00;
}
.lower-teeth .parodtooth-gui-object.lingual,
.upper-teeth .parodtooth-gui-object.buccal {
  top: 0;
}
.lower-teeth .parodtooth-gui-object.buccal,
.upper-teeth .parodtooth-gui-object.lingual {
  bottom: 0;
}
.lower-teeth .parodtooth-gui-object.pocket.lingual,
.upper-teeth .parodtooth-gui-object.pocket.buccal {
  top: 13%;
}
.lower-teeth .parodtooth-gui-object.pocket.buccal,
.upper-teeth .parodtooth-gui-object.pocket.lingual {
  bottom: 13%;
}
.left-teeth .parodtooth-gui-object.pocket.mesial,
.left-teeth .parodtooth-gui-object.pocket.mesiobuccal,
.left-teeth .parodtooth-gui-object.pocket.mesiolingual,
.right-teeth .parodtooth-gui-object.pocket.distal,
.right-teeth .parodtooth-gui-object.pocket.distobuccal,
.right-teeth .parodtooth-gui-object.pocket.distolingual {
  left: 17px;
}
.left-teeth .parodtooth-gui-object.pocket.distal,
.left-teeth .parodtooth-gui-object.pocket.distobuccal,
.left-teeth .parodtooth-gui-object.pocket.distolingual,
.right-teeth .parodtooth-gui-object.pocket.mesial,
.right-teeth .parodtooth-gui-object.pocket.mesiobuccal,
.right-teeth .parodtooth-gui-object.pocket.mesiolingual {
  right: 17px;
}
.lower-teeth .parodtooth-gui-object.pocket.distolingual,
.lower-teeth .parodtooth-gui-object.pocket.mesiolingual,
.upper-teeth .parodtooth-gui-object.pocket.distobuccal,
.upper-teeth .parodtooth-gui-object.pocket.mesiobuccal {
  top: 19px;
}
.lower-teeth .parodtooth-gui-object.pocket.distobuccal,
.lower-teeth .parodtooth-gui-object.pocket.mesiobuccal,
.upper-teeth .parodtooth-gui-object.pocket.distolingual,
.upper-teeth .parodtooth-gui-object.pocket.mesiolingual {
  bottom: 19px;
}
.parodtooth-gui-object.buccal,
.parodtooth-gui-object.lingual {
  left: 50%;
  transform: translateX(-50%);
}
.parodtooth-gui-object.plackindex.mesial,
.parodtooth-gui-object.plackindex.distal,
.parodtooth-gui-object.pocket.mesial,
.parodtooth-gui-object.pocket.distal {
  top: 50%;
  transform: translateY(-50%);
}
.parodtooth-gui-object.bleeding.buccal,
.parodtooth-gui-object.bleeding.lingual {
  transform: translateX(-135%);
}
.parodtooth-gui-object.pus,
.parod-context-menu-button span.pus {
  background: orange;
}
.red-text {
  color: red !important;
}
.left-teeth .parodtooth-gui-object.bleeding.mesiobuccal,
.left-teeth .parodtooth-gui-object.bleeding.mesiolingual,
.right-teeth .parodtooth-gui-object.bleeding.distobuccal,
.right-teeth .parodtooth-gui-object.bleeding.distolingual {
  left: 7%;
}
.left-teeth .parodtooth-gui-object.bleeding.distobuccal,
.left-teeth .parodtooth-gui-object.bleeding.distolingual,
.right-teeth .parodtooth-gui-object.bleeding.mesiobuccal,
.right-teeth .parodtooth-gui-object.bleeding.mesiolingual {
  right: 7%;
}
.lower-teeth .parodtooth-gui-object.bleeding.distolingual,
.lower-teeth .parodtooth-gui-object.bleeding.mesiolingual,
.upper-teeth .parodtooth-gui-object.bleeding.distobuccal,
.upper-teeth .parodtooth-gui-object.bleeding.mesiobuccal {
  top: 34%;
}
.lower-teeth .parodtooth-gui-object.bleeding.distobuccal,
.lower-teeth .parodtooth-gui-object.bleeding.mesiobuccal,
.upper-teeth .parodtooth-gui-object.bleeding.distolingual,
.upper-teeth .parodtooth-gui-object.bleeding.mesiolingual {
  bottom: 34%;
}
.parodtooth-gui-object.bleeding.mesial,
.parodtooth-gui-object.bleeding.distal {
  top: 50%;
  transform: translateY(35%);
}
.parodtooth-gui-object.pus.mesial,
.parodtooth-gui-object.pus.distal {
  top: 50%;
  transform: translateY(-50%);
}
.left-teeth .parodtooth-gui-object.pus.mesiobuccal,
.left-teeth .parodtooth-gui-object.pus.mesiolingual,
.right-teeth .parodtooth-gui-object.pus.distobuccal,
.right-teeth .parodtooth-gui-object.pus.distolingual {
  left: 9%;
}
.left-teeth .parodtooth-gui-object.pus.distobuccal,
.left-teeth .parodtooth-gui-object.pus.distolingual,
.right-teeth .parodtooth-gui-object.pus.mesiobuccal,
.right-teeth .parodtooth-gui-object.pus.mesiolingual {
  right: 9%;
}
.lower-teeth .parodtooth-gui-object.pus.distolingual,
.lower-teeth .parodtooth-gui-object.pus.mesiolingual,
.upper-teeth .parodtooth-gui-object.pus.distobuccal,
.upper-teeth .parodtooth-gui-object.pus.mesiobuccal {
  top: 26%;
}
.lower-teeth .parodtooth-gui-object.pus.distobuccal,
.lower-teeth .parodtooth-gui-object.pus.mesiobuccal,
.upper-teeth .parodtooth-gui-object.pus.distolingual,
.upper-teeth .parodtooth-gui-object.pus.mesiolingual {
  bottom: 26%;
}
.parod-context-menu-button span.plackindex,
.parodtooth-gui-object.plackindex {
  background: yellow;
}
.parodtooth-gui-object.plackindex.buccal,
.parodtooth-gui-object.plackindex.lingual {
  transform: translateX(35%);
}
.parodtooth-gui-object.plackindex.mesial,
.parodtooth-gui-object.plackindex.distal {
  top: 50%;
  transform: translateY(-135%);
}
.left-teeth .parodtooth-gui-object.plackindex.mesiobuccal,
.left-teeth .parodtooth-gui-object.plackindex.mesiolingual,
.right-teeth .parodtooth-gui-object.plackindex.distobuccal,
.right-teeth .parodtooth-gui-object.plackindex.distolingual {
  left: 12%;
}
.left-teeth .parodtooth-gui-object.plackindex.distobuccal,
.left-teeth .parodtooth-gui-object.plackindex.distolingual,
.right-teeth .parodtooth-gui-object.plackindex.mesiobuccal,
.right-teeth .parodtooth-gui-object.plackindex.mesiolingual {
  right: 12%;
}
.lower-teeth .parodtooth-gui-object.plackindex.distolingual,
.lower-teeth .parodtooth-gui-object.plackindex.mesiolingual,
.upper-teeth .parodtooth-gui-object.plackindex.distobuccal,
.upper-teeth .parodtooth-gui-object.plackindex.mesiobuccal {
  top: 17%;
}
.lower-teeth .parodtooth-gui-object.plackindex.distobuccal,
.lower-teeth .parodtooth-gui-object.plackindex.mesiobuccal,
.upper-teeth .parodtooth-gui-object.plackindex.distolingual,
.upper-teeth .parodtooth-gui-object.plackindex.mesiolingual {
  bottom: 17%;
}
.left-teeth .parodtooth-gui-object.bleeding.distal,
.left-teeth .parodtooth-gui-object.plackindex.distal,
.left-teeth .parodtooth-gui-object.pus.distal,
.right-teeth .parodtooth-gui-object.bleeding.mesial,
.right-teeth .parodtooth-gui-object.plackindex.mesial,
.right-teeth .parodtooth-gui-object.pus.mesial {
  right: 10%;
}
.left-teeth .parodtooth-gui-object.bleeding.mesial,
.left-teeth .parodtooth-gui-object.plackindex.mesial,
.left-teeth .parodtooth-gui-object.pus.mesial,
.right-teeth .parodtooth-gui-object.bleeding.distal,
.right-teeth .parodtooth-gui-object.plackindex.distal,
.right-teeth .parodtooth-gui-object.pus.distal {
  left: 10%;
}
.teeth-tab {
  text-decoration: none;
  color: #000;
  padding: 5px 20px;
  font-weight: 700;
  display: block;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-bottom: 0;
  position: relative;
  border-radius: 5px 5px 0 0;
}
.teeth-tab:hover,
.teeth-tab:focus,
.teeth-tab:active {
  color: #000;
  text-decoration: none;
}
.teeth-tab-selected {
  border-bottom: 1px solid white;
  margin-bottom: -1px;
  cursor: default;
}
.teeth-tab-li {
  margin: 8px 5px 0 5px;
  display: inline-block;
  padding: 0;
}
.distobuccal-column,
.buccal-column,
.mesiobuccal-column,
.gr-buccal-column {
  float: left;
}
.pocket-depth-field {
  appearance: textfield;
  background: #ffffff;
  border: 1px solid silver;
  border-radius: 1px !important;
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);
  height: 21px !important;
  margin: 0 !important;
  max-width: 33.3% !important;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  padding: 0 !important;
  text-align: center;
  width: 100%;
}
.pocket-depth-field::-webkit-inner-spin-button,
.pocket-depth-field::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hide-minor-pocket-depths .parodtooth-gui-object.minor-pocket-depth,
.hide-minor-pocket-depths .pocket-cell span.minor-pocket-depth,
.hide-minor-pocket-depths .pocket-depth-field[disabled].minor-pocket-depth {
  visibility: hidden;
}
.red-text-if-not-minor-pocket-depth .parodtooth-gui-object:not(.minor-pocket-depth),
.red-text-if-not-minor-pocket-depth .pocket-cell input:not(.minor-pocket-depth),
.red-text-if-not-minor-pocket-depth .pocket-cell span:not(.minor-pocket-depth) {
  color: red;
}
.pocket-depth-field::placeholder {
  color: #ccc;
  opacity: 1;
}
.bleeding-field,
.gr-field,
.parod-checkbox,
.pus-field {
  height: 18px;
  margin: auto !important;
  width: 18px;
}
.checkbox,
.parod-checkbox {
  border: 2px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  fill: #444;
  flex-shrink: 0;
  padding: 3px 2px 2px 2px;
  position: relative;
}
.checkbox {
  height: 18px;
  margin: 0 auto;
  width: 18px;
}
.flex-tr:hover > .flex-td > .checkbox,
.flex-tr:hover > .flex-th > .checkbox {
  border-color: #888;
}
.checkbox > .background,
.parod-checkbox > .background {
  background-color: white;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}
.bleeding-cell .parod-checkbox svg,
.pus-cell .parod-checkbox svg {
  fill: white;
}
.checkbox[disabled] > .background,
.parod-checkbox[disabled] > .background {
  background-color: rgba(242, 245, 245, 0.8);
}
.bleeding-cell .parod-checkbox > .background {
  background-color: red;
}
.pus-cell .parod-checkbox > .background {
  background-color: orange;
}
.pi-cell .parod-checkbox > .background {
  background-color: yellow;
}
.checkbox.checked > .background,
.checkbox.checked[disabled] > .background,
.checkbox.checked[disabled]:hover > .background,
.checkbox.semi-checked > .background,
.parod-checkbox.checked > .background {
  opacity: 1;
}
.checkbox:hover,
.flex-tr:hover > .flex-td > .checkbox:hover,
.flex-tr:hover > .flex-th > .checkbox:hover,
.parod-checkbox:hover {
  border-color: #000;
}
.checkbox[disabled],
.checkbox[disabled]:hover,
.flex-tr:hover > .flex-td > .checkbox[disabled],
.flex-tr:hover > .flex-td > .checkbox[disabled]:hover,
.parod-checkbox[disabled],
.parod-checkbox[disabled]:hover {
  border: 2px solid #ddd;
  cursor: inherit;
  pointer-events: none;
}
.parod-checkbox[disabled]:not(.checked) {
  border: 0;
}
.checkbox.checked,
.checkbox.checked[disabled],
.checkbox.checked[disabled]:hover,
.checkbox.semi-checked,
.parod-checkbox.checked {
  border-color: rgb(68, 68, 68) !important;
}
.mx-button:focus,
.mx-button:focus-visible,
.pocket-depth-field:focus,
.pocket-depth-field:focus-visible,
.parod-checkbox:focus,
.parod-checkbox:focus-visible {
  box-shadow: 0px 0px 6px #3d9be9;
  outline: none;
  border-color: #3d9be9 !important;
}
.mx-button.selected-parod-entry .parodtooth-element-radiobox,
.mx-button:focus .parodtooth-element-radiobox,
.mx-button:focus-visible .parodtooth-element-radiobox,
.parod-checkbox.selected-parod-entry,
.pocket-depth-field.selected-parod-entry {
  border-color: #3d9be9 !important;
}
.mx-button.selected-parod-entry .parodtooth-element-radiobox:not(.checked),
.pocket-depth-field.selected-parod-entry {
  background: #3d9be91a !important;
}
@keyframes parod-pending-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.parod-checkbox.pending-voice-command {
  animation: parod-pending-pulse 1.4s ease-in-out infinite;
  border-color: #f59e0b !important;
}
.parod-checkbox.pending-voice-command > .background {
  opacity: 0.5 !important;
}
.pocket-depth-field.pending-voice-command {
  animation: parod-pending-pulse 1.4s ease-in-out infinite;
  background: #f59e0b26 !important;
  border-color: #f59e0b !important;
}
.mx-button.pending-voice-command {
  animation: parod-pending-pulse 1.4s ease-in-out infinite;
  outline: 1px solid #f59e0b;
}
.interface-parod-tooth-snapshots .parod-tooth-snapshot.pending-history-command .blue-box {
  animation: parod-pending-pulse 1.4s ease-in-out infinite;
  background: #f59e0b4d;
  box-shadow: 0 0 2px 2px #f59e0b;
}
.journal-tooth-form .tooth-element .svg-hov.pending-history-surface {
  animation: parod-pending-pulse 1.4s ease-in-out infinite;
  fill: #f59e0b;
  fill-opacity: 0.5;
  stroke: #f59e0b;
  stroke-opacity: 1;
}
.checkbox svg,
.parod-checkbox svg {
  opacity: 0;
}
.checkbox.checked .check-box-mark svg,
.checkbox.semi-checked .horizontal-line svg,
.parod-checkbox.checked .check-box-mark svg {
  opacity: 1;
}
.checkbox.semi-checked {
  padding: 2px;
}
.checkbox[disabled],
.parod-checkbox[disabled] {
  fill: #999;
  padding: 4px 3px 3px 3px;
}
.checkbox.checked[disabled],
.checkbox.semi-checked[disabled],
.parod-checkbox.checked[disabled] {
  border: 1px solid #999;
}
.photo-swiper-content-div .checkbox:hover {
  border-color: #aeaeae;
}
.gr-buccal-column {
  width: 31px;
}
.mx-button {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: 19px;
}
.parod-firstcolumn {
  width: 7.561597%;
  background: #f9f9f9;
  border-top: 0;
  border-left: 0;
  font-weight: 700;
  font-size: 12px;
  padding: 0;
  text-align: right;
}
.parod-column {
  display: flex;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  box-sizing: border-box;
  height: 23px;
  padding: 1px;
  text-align: center;
  width: 100%;
}
.interface-parod-tooth-snapshots .parod-tooth-snapshot,
.parod-jaw,
.parod-column,
.parod-group-name {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: top;
  transition:
    opacity 150ms,
    transform 150ms,
    visibility 150ms;
  visibility: visible;
}
.nr-28 .nr,
.nr-28 .parod-column,
.nr-38 .nr,
.nr-38 .parod-column {
  border-right: 0 !important;
}
.parod-column input {
  direction: ltr;
  flex-grow: 1;
  font-size: 13px;
}
.parod-column input[type='text'] {
  transition: border 0.2s ease-out;
}
.parod-column input[type='text']:active,
.parod-column input[type='text']:focus {
  border: 2px solid #3d9be9;
}
.parod-column input[type='text'][disabled] {
  background-color: transparent !important;
  border: 0;
}
.parod-column input[type='text'][disabled]::placeholder {
  color: transparent;
}
.upper-teeth .parod-firstcolumn,
.lower-teeth .parod-firstcolumn {
  height: 75px;
  line-height: 75px;
}
.right-teeth {
  float: left;
}
.left-teeth {
  float: left;
}
.jaw-separator {
  background: #e01765 !important;
  color: #fff !important;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  width: 100%;
}
.treatment-validation-reimbursed,
.treatment-validation-not-reimbursed {
  border: 0;
  border-radius: 20px;
  color: #fff;
  float: left;
  font-size: 13px;
  margin: 1px 4px;
  padding: 0 13px;
}
.treatment-validation-reimbursed {
  background-color: #2eb67d;
}
.treatment-validation-not-reimbursed {
  background-color: #e01765;
}
.clinic-ad {
  align-items: center;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  min-height: 100%;
  overflow-y: scroll;
  width: 100%;
}
.clinic-ad-hint {
  line-height: 14px !important;
  white-space: normal !important;
  width: 300px;
}
.clinic-ad-text {
  background: rgba(12, 13, 13, 0.65);
  border-radius: 50%;
  bottom: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 5px;
  position: absolute;
  right: 40px;
}
.disabled-cell {
  background: #f9f9f9;
}
.disabled-source-row {
  cursor: not-allowed;
  opacity: 0.4;
}
.flex-td .blue-link.centered {
  display: block;
  text-align: center;
}
.booking-modal-button.parent,
.calendar-picker > .parent,
.calendar-view.parent,
.datetime-picker-holder.parent,
.file-name.parent,
.flex-td.parent,
.flex-tr.parent,
.header.parent,
.just-parent,
.nav-link.parent,
.path-container.parent,
.photo-swiper-item-thumbnail.parent {
  position: relative;
}
.booking-modal-button.parent > .show-on-parent-hover,
.calendar-picker > .parent > .show-on-parent-hover,
.calendar-view.parent > .show-on-parent-hover,
.datetime-picker-holder.parent > .show-on-parent-hover,
.draft-booking-patient.parent > .show-on-parent-hover,
.file-name.parent > .show-on-parent-hover,
.flex-td.parent > .show-on-parent-hover,
.flex-tr.parent > .show-on-parent-hover,
.header.parent > .show-on-parent-hover,
.image-editor-image.parent > .show-on-parent-hover,
.just-parent > .show-on-parent-hover,
.nav-link.parent > .show-on-parent-hover,
.path-container.parent > .show-on-parent-hover,
.patient-selector.parent > .show-on-parent-hover,
.personal-id.parent > .show-on-parent-hover,
.photo-swiper-item-thumbnail.parent > .show-on-parent-hover,
.remittance-pane.parent > .show-on-parent-hover,
.remittance-response-content-holder.parent > .show-on-parent-hover,
.remittance-response-signed.parent > .show-on-parent-hover,
.room-list-item.parent > .show-on-parent-hover,
.search-field.parent > .show-on-parent-hover,
.sms-template-picker.parent > .show-on-parent-hover,
.color-picker-native.parent > .show-on-parent-hover {
  overflow: visible;
  position: absolute;
  right: 1px;
  transform: translateX(101%);
  z-index: -1;
}
.patient-selector.parent > .show-on-parent-hover {
  right: 17px;
}
.booking-modal-button.parent > .show-on-parent-hover,
.calendar-picker > .parent > .show-on-parent-hover,
.calendar-view.parent > .show-on-parent-hover,
.draft-booking-patient.parent > .show-on-parent-hover,
.file-name.parent > .show-on-parent-hover,
.flex-td.parent > .show-on-parent-hover,
.flex-tr.parent > .show-on-parent-hover,
.image-editor-image.parent > .show-on-parent-hover,
.just-parent > .show-on-parent-hover,
.nav-link.parent > .show-on-parent-hover,
.path-container.parent > .show-on-parent-hover,
.patient-selector.parent > .show-on-parent-hover,
.personal-id.parent > .show-on-parent-hover,
.photo-swiper-item-thumbnail.parent > .show-on-parent-hover,
.remittance-pane.parent > .show-on-parent-hover,
.remittance-response-content-holder.parent > .show-on-parent-hover,
.remittance-response-signed.parent > .show-on-parent-hover,
.room-list-item.parent > .show-on-parent-hover,
.search-field.parent > .show-on-parent-hover,
.sms-template-picker.parent > .show-on-parent-hover,
.color-picker-native.parent > .show-on-parent-hover {
  top: 0;
}
.image-editor-image.parent > .image-editor-mount.show-on-parent-hover,
.image-editor-image.parent > .image-editor-group.show-on-parent-hover {
  top: 2px;
}
.header.parent > .show-on-parent-hover {
  bottom: 0;
  cursor: pointer;
  padding: 8px;
}
.photo-swiper-content-div > .flex-table > .flex-tr > .flex-th {
  background: #14191f;
  border: 0;
  color: white;
}
.smaller-font-table .flex-td,
.smaller-font-table .flex-td .subtext,
.smaller-font-table .blue-link {
  font-size: 12px;
}
.smaller-font-table .flex-th {
  font-size: 12px;
  line-height: 14px;
}
.smaller-person {
  height: 15.5px;
  width: 15.5px;
}
.flex-td,
.wrap-break-word {
  word-wrap: break-word;
}
.muntra-modal {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  left: 50%;
  overflow: auto;
  position: fixed;
  top: 50%;
  z-index: 49;
}
.fullscreen-dialog-modal {
  background: #f9f9f9;
  border: 0;
  border-radius: 0;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding: 0;
  right: 0;
  top: 0;
  z-index: 1503;
}
.ember-power-select-multiple-options {
  flex-wrap: wrap;
  padding: 0;
  max-width: 100%;
}
.lab-tooth-rect {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.svg-hov {
  cursor: pointer;
  fill: #3d9be9;
  fill-opacity: 0;
  stroke: #3d9be9;
  stroke-opacity: 0;
  stroke-width: 1;
}
.svg-hov:hover {
  fill: #3d9be9 !important;
  fill-opacity: 0.5;
  stroke-opacity: 0.5;
}
.widget-chat {
  background-color: #fff;
  border-top: 1px solid #adafb2;
  overflow: hidden;
}
.assistant-chat-communications,
.widget-chat-communications,
.widget-scrollable {
  overflow-y: auto;
}
.widget-chat-communication {
  padding-left: 18px;
  padding-top: 8px;
}
.widget-chat-message {
  box-sizing: border-box;
  font-size: 14px;
  margin: 4px;
  max-width: 284px;
  padding: 8px 16px;
}
.elses-message > .widget-chat-message {
  background-color: #f1f0f0;
  border-radius: 0px 8px 8px;
}
.own-message > .widget-chat-message {
  background-color: #3482f5;
  border-radius: 8px 0 8px 8px;
}
.widget-chat-message-holder {
  padding-left: 8px;
  padding-top: 8px;
}
.widget-chat-message-holder.own-message {
  margin-left: auto;
}
.assistant-chat-textarea,
.widget-chat-textarea {
  border: 0;
  min-height: 32px;
}
.assistant-chat-writing,
.widget-chat-writing {
  border-top: 2px solid #f2f5f8;
  padding: 8px;
}
.widget-chat-writing {
  width: 424px;
}
.widget-zoom-button {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 2px;
  display: block;
  height: 29px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  width: 29px;
  z-index: 2;
  box-sizing: border-box;
  transition: background-color 0.16s ease-out;
}
.widget-zoom-button.widget-zoom-in {
  top: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.widget-zoom-button.widget-zoom-out {
  bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.widget-zoom-button-divider {
  background-color: rgb(90%, 90%, 90%);
  height: 1px;
  left: 5px;
  position: absolute;
  top: 28px;
  width: 19px;
  z-index: 3;
  transition: background-color 0.16s ease-out;
}
.widget-zoom-button-holder {
  bottom: 33px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  height: 57px;
  position: absolute;
  right: 20px;
  width: 29px;
  z-index: 49;
}
.ember-power-select-dropdown {
  z-index: 10001 !important;
}
.svg-spinner {
  height: 50px;
  margin: auto;
  width: 50px;
}
.svg-spinner path {
  fill: #444;
}
.dark-page-loader-container .svg-spinner path {
  fill: white;
}
.svg-search-spinner {
  height: 25px;
  position: absolute;
  right: 3%;
  top: 8px;
  width: 25px;
}
.left-float {
  float: left;
}
.no-resize {
  resize: none;
}
.datetime-picker-clear-button,
.datetime-picker-trigger-button,
.ember-power-select-clear-btn {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 0%;
  border-color: transparent;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
  fill: rgba(0, 0, 0, 0.54);
  transition: background-size 0.13s;
}
.ember-power-select-clear-btn {
  height: 28px;
  line-height: 28px;
  right: 17px;
  text-align: center;
  top: auto;
  width: 28px;
}
.datetime-picker-clear-button:active,
.datetime-picker-clear-button:focus,
.datetime-picker-trigger-button:active,
.datetime-picker-trigger-button:focus,
.ember-power-select-clear-btn:active,
.ember-power-select-clear-btn:focus {
  background-size: 100% 100%;
  color: #000;
  fill: #000;
}
.datetime-picker-clear-button:hover,
.datetime-picker-trigger-button:hover,
.ember-power-select-clear-btn:hover {
  background-size: 100% 100%;
  color: #000;
  fill: #000;
}
.ember-power-select-status-icon {
  border-color: #ddd transparent transparent transparent;
}
.ember-power-select-trigger {
  align-items: center;
  border-color: silver !important;
  border-radius: 3px !important;
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  height: 30px;
  line-height: 28px !important;
  max-height: 30px;
  max-width: 800px;
  min-height: 30px !important;
  padding-left: 8px !important;
  text-align: left;
}

.ember-power-select-trigger.icon-trigger-holder {
  padding-left: 0 !important;
}

.ember-power-select-trigger.ember-power-select-trigger-autoheight {
  height: auto;
  max-height: unset;
}
.ember-power-select-trigger.ember-power-select-trigger-autoheight .ember-power-select-trigger-multiple-input:disabled {
  background-color: unset;
}
.ember-power-select-multiple-options,
.ember-power-select-multiple-options li:not(.ember-power-select-multiple-option),
.ember-power-select-trigger-multiple-input {
  display: flex;
  flex: 1 1 auto;
}
.ember-power-select-trigger-multiple-input {
  text-indent: 0;
}
.nr-cell,
.sub-cell,
.supra-cell,
.furc-cell,
.gr-cell,
.mobility-cell,
.pi-cell,
.pus-cell,
.bleeding-cell,
.pocket-cell,
.tooth-interface {
  box-sizing: border-box;
  display: flex;
  padding: 1px;
}
.nr-cell {
  height: 25px;
  line-height: 23px;
  position: sticky;
  top: 0;
}
.sticky-nr-cells {
  background: rgb(249, 249, 249);
  position: sticky;
  z-index: 1;
}
.bleeding-cell,
.furc-cell,
.gr-cell,
.mobility-cell,
.pi-cell,
.pocket-cell,
.pus-cell,
.sub-cell,
.supra-cell {
  height: 23px;
  line-height: 21px;
}
.upper-teeth-buccal-interface .furc-cell {
  justify-content: space-between;
}
.lower-teeth-buccal-interface .left-teeth .furc-cell {
  justify-content: flex-end;
}
.parod-column.sub-cell,
.parod-column.supra-cell,
.parod-column.mobility-cell {
  align-items: center;
  display: flex;
  justify-content: center;
}
.parod-column.bleeding-cell,
.parod-column.furc-cell,
.parod-column.gr-cell,
.parod-column.pi-cell,
.parod-column.pocket-cell,
.parod-column.pus-cell {
  align-items: center;
}
.print-parodtooth .furc-cell div {
  height: 100%;
  width: 33.3%;
}
.print-parodtooth .parod-column:not(.tooth-interface) div {
  width: 33.3%;
}
.lower-teeth-lingual-interface:not(.missing-tooth),
.upper-teeth-buccal-interface:not(.missing-tooth) {
  background: repeating-linear-gradient(180deg, #ebf3fe, #ebf3fe 23px, transparent 23px, transparent 46px);
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.lower-teeth-buccal-interface:not(.missing-tooth),
.upper-teeth-lingual-interface:not(.missing-tooth) {
  background: repeating-linear-gradient(0deg, #ebf3fe, #ebf3fe 23px, transparent 23px, transparent 46px);
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.tooth-interface {
  border: none;
  height: 70px;
  line-height: 84px;
  padding: 0;
  width: 100%;
}
.parod-root-chart {
  width: 100%;
  height: 111px;
  left: 0;
  position: absolute;
}
.parod-root-chart svg {
  overflow: visible;
}
.lower-lingual-interfaces .parod-root-chart,
.upper-buccal-interfaces .parod-root-chart {
  top: 0;
  transform: scaleY(-1);
}
.upper-buccal-interfaces .full-tooth-interface {
  z-index: 0;
}
.bone-line-indicator {
  position: absolute;
  height: 1px;
  background: #dddddd;
  width: 100%;
}
.lower-lingual-interfaces .bone-line-indicator,
.upper-buccal-interfaces .bone-line-indicator {
  top: 92px;
}
.lower-buccal-interfaces .bone-line-indicator,
.upper-lingual-interfaces .bone-line-indicator {
  bottom: 92px;
}
.lower-buccal-interfaces .parod-root-chart,
.upper-lingual-interfaces .parod-root-chart {
  bottom: 0;
}
.parod-comparison-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-bottom: 12px;
}
.parod-comparison-legend-item {
  align-items: center;
  color: #666666;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 6px;
  transition: opacity 0.1s ease-in-out;
}
.parod-comparison-legend-item.latest {
  color: #0433e2;
  font-weight: 600;
}
.parod-comparison-legend.has-hover .parod-comparison-legend-item:not(.hovered) {
  opacity: 0.35;
}
.parod-comparison-legend-item.hovered {
  font-weight: 600;
}
.parod-comparison-legend-swatch {
  flex-shrink: 0;
  overflow: visible;
}
.parod-comparison-hit-area {
  cursor: pointer;
}
.parod-root-chart svg line {
  transition: opacity 0.1s ease-in-out, stroke-width 0.1s ease-in-out;
}
.tooth-cell,
.full-tooth-interface {
  margin: 0 auto;
}
.parod-form .tooth-missing,
.parod-form .tooth-missing div {
  border-bottom: 0 !important;
}
.parod-firstcolumn .bleeding-cell,
.parod-firstcolumn .furc-cell,
.parod-firstcolumn .gr-cell,
.parod-firstcolumn .mobility-cell,
.parod-firstcolumn .nr-cell,
.parod-firstcolumn .pi-cell,
.parod-firstcolumn .pus-cell,
.parod-firstcolumn .pocket-cell,
.parod-firstcolumn .sub-cell,
.parod-firstcolumn .supra-cell,
.parod-firstcolumn .tooth-interface {
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  padding: 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-teeth .distobuccal,
.right-teeth .distal,
.right-teeth .distolingual {
  float: left;
}
.right-teeth .mesiobuccal,
.right-teeth .mesial,
.right-teeth .mesiolingual {
  float: right;
}
.left-teeth .distobuccal,
.left-teeth .distal,
.left-teeth .distolingual {
  float: right;
}
.lower-teeth-buccal-interface.left-teeth .bleeding-cell,
.lower-teeth-buccal-interface.left-teeth .furc-cell,
.lower-teeth-buccal-interface.left-teeth .gr-cell,
.lower-teeth-buccal-interface.left-teeth .pi-cell,
.lower-teeth-buccal-interface.left-teeth .pocket-cell,
.lower-teeth-buccal-interface.left-teeth .pus-cell,
.lower-teeth-lingual-interface.right-teeth .bleeding-cell,
.lower-teeth-lingual-interface.right-teeth .gr-cell,
.lower-teeth-lingual-interface.right-teeth .pi-cell,
.lower-teeth-lingual-interface.right-teeth .pocket-cell,
.lower-teeth-lingual-interface.right-teeth .pus-cell,
.upper-teeth-buccal-interface.left-teeth .bleeding-cell,
.upper-teeth-buccal-interface.left-teeth .gr-cell,
.upper-teeth-buccal-interface.left-teeth .pi-cell,
.upper-teeth-buccal-interface.left-teeth .pocket-cell,
.upper-teeth-buccal-interface.left-teeth .pus-cell,
.upper-teeth-lingual-interface.right-teeth .bleeding-cell,
.upper-teeth-lingual-interface.right-teeth .gr-cell,
.upper-teeth-lingual-interface.right-teeth .pi-cell,
.upper-teeth-lingual-interface.right-teeth .pocket-cell,
.upper-teeth-lingual-interface.right-teeth .pus-cell {
  justify-content: end;
}
.left-teeth .mesiobuccal,
.left-teeth .mesial,
.left-teeth .mesiolingual {
  float: left;
}
.parod-column .mx-button,
.color-picker-native,
.stretch,
.upper-teeth,
.lower-teeth {
  width: 100%;
}
.stretch-important {
  width: 100% !important;
}
.max-stretch {
  max-width: 100%;
  object-fit: contain;
}
.registry-row.stretch {
  width: calc(100% - 10px);
}
.reasonable-stretch {
  max-width: 1500px;
}
.inside-sticky-bottom-menu-reasonable-stretch,
.sticky-top-menu-reasonable-stretch {
  max-width: 1504px;
}
.parod-column .mx-button .parodtooth-element-radiobox {
  box-sizing: border-box;
  font-size: 11px !important;
  line-height: 11px !important;
  padding: 3px 3px !important;
  width: 100%;
}
@media not print {
  .non-printable,
  .parodtooth-element-radiobox .mobility-value,
  .printable,
  .printContent,
  .printContentWithMargins {
    display: none;
  }

  .lower-buccal-interfaces,
  .lower-lingual-interfaces,
  .upper-buccal-interfaces,
  .upper-lingual-interfaces {
    height: 164px;
    opacity: 1;
    top: 0;
    transform: scaleY(1);
    transform-origin: top;
    transition:
      opacity 150ms,
      transform 150ms,
      visibility 150ms;
    visibility: visible;
  }
  .interface-parod-tooth-snapshots .parod-tooth-snapshot.collapsed,
  .lower-buccal-interfaces.collapsed,
  .lower-lingual-interfaces.collapsed,
  .parod-column.collapsed,
  .parod-group-name.collapsed,
  .parod-jaw.collapsed,
  .upper-buccal-interfaces.collapsed,
  .upper-lingual-interfaces.collapsed {
    opacity: 0;
    position: absolute;
    transform: scaleY(0);
    visibility: hidden;
  }
  .quadrant-separator {
    background: rgb(249, 249, 249);
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-2px);
  }
  .scrollable {
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute !important;
    top: 0;
  }
  .smooth-scroll {
    scroll-behavior: smooth;
  }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.25s;
  }
  .slider.always-checked {
    background-color: #3d9be9 !important;
  }

  .slider:not([disabled]):before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.25s;
  }

  input:checked + .slider,
  .checked > .switch > .slider {
    background-color: #3d9be9;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
  }

  input:checked + .slider:before,
  .checked > .switch > .slider:before {
    transform: translateX(25px);
  }

  .slider.round {
    border-radius: 30px;
  }

  .slider.round:before {
    border-radius: 50%;
  }
  .switch {
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    position: relative;
    width: 50px;
  }

  .switch-div {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .switch-label {
    display: inline-block;
    height: 24px;
    line-height: 14px;
    max-width: 24px;
    min-width: 350px;
  }
  .switch-label-close {
    margin-right: 5px;
  }
  .switch-div .switch-text {
    align-items: center;
    display: flex;
    line-height: 17px;
    margin-left: 3px;
  }
  .small-toggler.switch-div .switch-text {
    line-height: 13px;
  }
  .row-reverse.switch-div .switch-text {
    margin-left: 0;
    margin-right: 3px;
    text-align: right;
  }
  .two-sided-switch {
    margin-left: 3px;
    margin-right: 3px;
  }
}
@media print {
  body,
  body.ember-application,
  div:not(
    .a-calendar-occurrence,
    .a-calendar-occurrence__container,
    .as-calendar-timetable__columns .column-date,
    .as-calendar-timetable__columns .column-date .column,
    .as-calendar-timetable__columns .calendar-content-hours,
    .as-calendar-timetable__slot-label > div,
    .bone-line-indicator,
    .booking-event,
    .booking-title,
    .booking-title *,
    .booking-resizer,
    .calendar-content-hours .timeslot,
    .column-date-header > div,
    .day-number-button,
    .event-color-holder,
    .full-tooth-interface,
    .parod-column,
    .parod-root-chart,
    .parodtooth-gui-object,
    .print-parodtooth,
    .subtext
  ),
  .ember-application h1,
  .ember-application h2,
  .ember-application h3,
  .ember-application h4,
  input,
  input:disabled,
  textarea {
    background-color: #fff;
    background-image: none;
    color: #000;
    font-family: 'Times New Roman', Times, serif !important;
    overflow: visible;
    text-transform: none !important;
  }
  @page {
    margin: 20mm 5mm 20mm 5mm;
    size: auto;
  }
  body {
    margin: 1.6cm;
  }
  button,
  footer,
  header,
  #page-loader,
  .alert,
  .booking-detail-modal,
  .booking-summary,
  .booking-title .yes,
  .bottom-menu,
  .confirm-primary,
  .confirm-secondary,
  .dashboard-container,
  .external-window-container,
  .horizontal-now-indicator,
  .horizontal-now-indicator-end,
  .image-editor,
  .in-front,
  .modal-modal,
  .non-printable,
  .parodtooth-element-radiobox label,
  .pinned-calendar,
  .price-tab-div,
  .sticky-bottom-menu {
    display: none !important;
  }
  .a-calendar-occurrence,
  .day-number {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .as-calendar:not(.non-printable) {
    display: flex !important;
    min-height: 100%;
  }
  .bleeding-cell,
  .furc-cell,
  .gr-cell,
  .mobility-cell,
  .nr-cell,
  .pi-cell,
  .pocket-cell,
  .pus-cell,
  .sub-cell,
  .supra-cell {
    height: 15px;
    line-height: 16px;
  }
  .even-smaller-font-table .flex-th {
    font-size: 11px;
  }
  .even-smaller-font-table .flex-td,
  .even-smaller-font-table .subtext,
  .even-smaller-font-table textarea,
  .even-smaller-font-table input {
    font-size: 11px;
  }
  .flex-table,
  .flex-td,
  .flex-th,
  .flex-tr,
  .page-content-div {
    box-sizing: border-box;
    overflow: hidden;
  }
  .flex-table,
  .page-content-div {
    display: block;
    page-break-inside: auto;
  }
  .flex-tr,
  .no-page-break-inside,
  .parod-column {
    page-break-after: auto;
    page-break-inside: avoid;
  }
  .flex-td,
  .flex-th {
    display: inline-block;
    height: 100%;
    padding: 3px;
    vertical-align: top;
  }
  .jaw-separator {
    margin: 2px 0;
    opacity: 0;
  }
  .main-body-container {
    position: absolute;
    width: 100%;
  }
  .middle-pane {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
  }
  .page-body {
    padding: 0;
  }
  .page-content-div {
    border: 0 !important;
  }
  .parod-firstcolumn {
    font-size: 10px;
  }
  .photo-swiper {
    display: none;
  }
  .parod-firstcolumn .tooth-interface {
    height: 36px;
  }
  .parod-firstcolumn .lower-buccal-interfaces,
  .parod-firstcolumn .lower-lingual-interfaces,
  .parod-firstcolumn .upper-buccal-interfaces,
  .parod-firstcolumn .upper-lingual-interfaces {
    height: 82px;
  }
  .lower-teeth-buccal-interface > div,
  .lower-teeth-lingual-interface > div,
  .upper-teeth-buccal-interface > div,
  .upper-teeth-lingual-interface > div {
    background: none;
  }
  .lower-teeth-lingual-interface,
  .upper-teeth-buccal-interface {
    background: repeating-linear-gradient(180deg, #ebf3fe, #ebf3fe 15px, transparent 15px, transparent 30px) !important;
  }
  .lower-teeth-buccal-interface,
  .upper-teeth-lingual-interface {
    background: repeating-linear-gradient(0deg, #ebf3fe, #ebf3fe 15px, transparent 15px, transparent 30px) !important;
  }
  .lower-buccal-interfaces.collapsed,
  .lower-lingual-interfaces.collapsed,
  .parod-column.collapsed,
  .parod-group-name.collapsed,
  .parod-jaw.collapsed,
  .upper-buccal-interfaces.collapsed,
  .upper-lingual-interfaces.collapsed {
    display: none;
  }
  .parod-form .print-tooth-interfaces-wrapper {
    height: 200px;
  }
  .parod-form .print-tooth-interfaces-wrapper.hidden-roots {
    height: 36px;
  }
  .print-tooth-interfaces-wrapper,
  .print-tooth-interfaces {
    overflow: hidden !important;
  }
  .print-tooth-interfaces .print-parodtooth.parod-tooth-snapshot {
    transform: scaleX(0.5);
  }
  .print-tooth-interfaces > div {
    transform: scaleY(0.5);
  }
  .print-tooth-interfaces .lower-buccal-interfaces,
  .print-tooth-interfaces .lower-lingual-interfaces,
  .print-tooth-interfaces .upper-buccal-interfaces,
  .print-tooth-interfaces .upper-lingual-interfaces {
    margin-top: -45px;
  }
  .print-tooth-interfaces .crown-interfaces {
    margin: -55px 0;
  }
  .print-tooth-interfaces-wrapper.hidden-roots .lower-buccal-interfaces,
  .print-tooth-interfaces-wrapper.hidden-roots .lower-lingual-interfaces,
  .print-tooth-interfaces-wrapper.hidden-roots .upper-buccal-interfaces,
  .print-tooth-interfaces-wrapper.hidden-roots .upper-lingual-interfaces {
    display: none !important;
  }
  .print-tooth-interfaces-wrapper.hidden-roots .crown-interfaces {
    margin: -16px 0;
  }
  .parod-tooth-snapshot {
    min-width: 50px;
  }
  .parod-jaw {
    page-break-inside: avoid;
  }
  .parod-form .jaws-holder {
    min-width: fit-content;
  }
  .parodtooth-gui-object {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .left-teeth .parodtooth-gui-object.pocket.distal,
  .left-teeth .parodtooth-gui-object.pocket.distobuccal,
  .left-teeth .parodtooth-gui-object.pocket.distolingual,
  .right-teeth .parodtooth-gui-object.pocket.mesial,
  .right-teeth .parodtooth-gui-object.pocket.mesiobuccal,
  .right-teeth .parodtooth-gui-object.pocket.mesiolingual {
    right: 0;
  }
  .left-teeth .parodtooth-gui-object.pocket.mesial,
  .left-teeth .parodtooth-gui-object.pocket.mesiobuccal,
  .left-teeth .parodtooth-gui-object.pocket.mesiolingual,
  .right-teeth .parodtooth-gui-object.pocket.distal,
  .right-teeth .parodtooth-gui-object.pocket.distobuccal,
  .right-teeth .parodtooth-gui-object.pocket.distolingual {
    left: 0;
  }
  .left-teeth .parodtooth-gui-object.bleeding.mesiobuccal,
  .left-teeth .parodtooth-gui-object.bleeding.mesiolingual,
  .right-teeth .parodtooth-gui-object.bleeding.distobuccal,
  .right-teeth .parodtooth-gui-object.bleeding.distolingual {
    left: -16%;
  }
  .left-teeth .parodtooth-gui-object.bleeding.distobuccal,
  .left-teeth .parodtooth-gui-object.bleeding.distolingual,
  .right-teeth .parodtooth-gui-object.bleeding.mesiobuccal,
  .right-teeth .parodtooth-gui-object.bleeding.mesiolingual {
    right: -16%;
  }
  .left-teeth .parodtooth-gui-object.plackindex.mesiobuccal,
  .left-teeth .parodtooth-gui-object.plackindex.mesiolingual,
  .right-teeth .parodtooth-gui-object.plackindex.distobuccal,
  .right-teeth .parodtooth-gui-object.plackindex.distolingual {
    left: -6%;
  }
  .left-teeth .parodtooth-gui-object.plackindex.distobuccal,
  .left-teeth .parodtooth-gui-object.plackindex.distolingual,
  .right-teeth .parodtooth-gui-object.plackindex.mesiobuccal,
  .right-teeth .parodtooth-gui-object.plackindex.mesiolingual {
    right: -6%;
  }
  .left-teeth .parodtooth-gui-object.bleeding.mesial,
  .left-teeth .parodtooth-gui-object.plackindex.mesial,
  .left-teeth .parodtooth-gui-object.pus.mesial,
  .left-teeth .parodtooth-gui-object.pus.mesiobuccal,
  .left-teeth .parodtooth-gui-object.pus.mesiolingual,
  .right-teeth .parodtooth-gui-object.bleeding.distal,
  .right-teeth .parodtooth-gui-object.plackindex.distal,
  .right-teeth .parodtooth-gui-object.pus.distal,
  .right-teeth .parodtooth-gui-object.pus.distobuccal,
  .right-teeth .parodtooth-gui-object.pus.distolingual {
    left: -11%;
  }
  .left-teeth .parodtooth-gui-object.bleeding.distal,
  .left-teeth .parodtooth-gui-object.plackindex.distal,
  .left-teeth .parodtooth-gui-object.pus.distal,
  .left-teeth .parodtooth-gui-object.pus.distobuccal,
  .left-teeth .parodtooth-gui-object.pus.distolingual,
  .right-teeth .parodtooth-gui-object.bleeding.mesial,
  .right-teeth .parodtooth-gui-object.plackindex.mesial,
  .right-teeth .parodtooth-gui-object.pus.mesial,
  .right-teeth .parodtooth-gui-object.pus.mesiobuccal,
  .right-teeth .parodtooth-gui-object.pus.mesiolingual {
    right: -11%;
  }
  .parodtooth-element-radiobox .mobility-value,
  .printContent {
    display: block;
    width: 100%;
  }
  .printable {
    display: block;
  }
  .printContentWithMargins {
    display: block;
    width: calc(100% - 140px);
  }
  .dashboard-booking-detail-opened .printContent:not(.booking-detail),
  .image-editor-opened .printContent:not(.print-image-content),
  .dashboard-booking-detail-opened .printContentWithMargins,
  .image-editor-opened .printContentWithMargins:not(.print-image-content) {
    display: none;
  }
  .print-image-content {
    height: 100%;
  }
  .print-image-content img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    page-break-after: always;
    page-break-inside: avoid;
  }
  .reasonable-stretch {
    margin: 0 !important;
    max-width: 100% !important;
  }
  .print-to-thermal .patient-info,
  .smaller-font-table textarea,
  .smaller-font-table input,
  div.smaller-font-table .flex-td {
    font-size: 12px;
  }
  .receipt-content .patient-info {
    font-size: 30px !important;
  }
}
.as-calendar *,
.as-calendar :after,
.as-calendar :before {
  box-sizing: inherit;
}
.as-calendar .ember-power-select-multiple-option {
  margin: 2px 0 2px 3px !important;
  padding: 0 4px !important;
}
.as-calendar-timetable__columns {
  border-left: 1px solid #aeb0b3;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 107px;
  position: relative;
}
.column-date-header .day-number,
.column-date-header .day-number-button {
  border-radius: 50%;
  font-size: 20px;
  height: 38px;
  margin: 0 auto;
  width: 38px;
}
.column-date-header-highlighted .day {
  color: #4285f4;
}
.column-date-header-highlighted .day-number {
  background-color: #4285f4;
  color: #fff;
}
.day-number:hover {
  background-color: #f1f3f4;
}
.column-date-header-highlighted .day-number:hover {
  background-color: #1967d2;
}
.as-calendar-timetable__day,
.column,
.column-date {
  flex-grow: 1;
  height: 100%;
  position: relative;
}
.as-calendar-header,
.as-calendar-timetable__row {
  margin: 0;
  position: relative;
  width: 100%;
}
.as-calendar-timetable__row--highlighted {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  font-weight: 400;
  padding: 0;
  text-align: center;
}
.as-calendar-timetable__row--highlighted,
.as-calendar-timetable__slot-label,
.black-color,
.mount-template-item-text {
  color: #000;
}
.ember-power-select-option[aria-current='true'] .autocomplete-button,
.favorite-button:hover {
  background-color: #e6e6e6;
  background-position: 0 -15px;
  color: #000;
  text-decoration: none;
  transition: background-position 0.1s linear;
}
.neutral-button:active,
.neutral-button:focus {
  background-color: #d9d9d9;
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0;
}
.price-hint {
  box-sizing: border-box;
  white-space: normal !important;
  width: 200px !important;
}
.hours-before-sms {
  width: 60px;
}
.as-calendar-body {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  overflow: hidden;
}
.as-calendar-occurrence {
  border-top: 2px solid #ca0300;
}
.as-calendar-header {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  flex: 0 0 50px;
  font-size: 13px;
  height: 50px;
  line-height: 28px;
  padding-left: 5px;
  padding-right: 5px;
}
.parod-checkbox-div {
  align-items: center;
  color: #000;
  flex-grow: 1;
  flex-shrink: 1;
  float: left;
  margin: auto 2.5px;
  padding: 0;
}
.parod-checkbox-div,
.parod-checkbox-div > .radio-button {
  font-size: 12px;
}
.prescription-row-switch-toggler {
  color: #000;
  float: left;
  margin-bottom: 5px;
  width: 100%;
}
.booking-recurrence-day-div {
  color: #000;
  float: left;
}
.booking-recurrence-day-div label,
.booking-recurrence-day-div > .radio-button {
  line-height: 28px;
  padding: 0 10px;
}
.booking-duration-button,
.booking-recurrence-day-div label,
.calendar-header-now-button,
.radio-button,
.radio-button-div label {
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  font-weight: normal;
  text-align: center;
  text-shadow: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
.radio-button,
.radio-button-div label {
  border-right-width: 0 !important;
}
.booking-duration-button,
.booking-recurrence-day-div label,
.calendar-header-now-button,
.radio-button:not([disabled]) {
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  cursor: pointer;
}
.low-radio-button,
.parod-radio-button {
  font-size: 13px;
  height: 30px;
  line-height: 28px;
}
.low-radio-button {
  padding: 0 20px;
}
.radio-button.standard-radio-button,
.radio-button-div label.standard-radio-button {
  padding: 7px 20px;
}
.journal-tooth-filter-div {
  left: 0;
  margin: 1px;
  right: 0;
  position: absolute;
}
.journal-tooth-filter-div,
.journal-tooth-filter-div > .radio-button {
  color: #686868;
  font-size: 10px;
  height: 18px;
  line-height: 16px;
  padding: 0;
  text-align: center;
}
.lower .journal-tooth-filter-div {
  top: 0;
}
.upper .journal-tooth-filter-div {
  bottom: 0;
}

.booking-recurrence-day-div label,
.calendar-header-now-button,
.journal-tooth-filter-div label,
.neutral-button {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  cursor: pointer;
  float: left;
  text-align: center;
  text-shadow: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
.page-button {
  appearance: none;
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
  background-position: 50% 50%;
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: 0% 0%;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  font-size: 13px;
  height: 36px;
  line-height: 34px;
  margin: 0 3px;
  transition: background-size 0.13s;
  width: 36px;
}
.page-button:not(.disabled):not(.selected):hover {
  background-size: 100% 100%;
}
.page-button.disabled {
  color: rgb(153, 153, 153);
  cursor: inherit;
}
.page-button.selected {
  background-color: rgb(66, 133, 244);
  color: #fff;
  cursor: inherit;
}
.button-file {
  overflow: hidden;
}
.pharma-article-dropdown .ember-power-select-options {
  max-height: 330px;
}
.button-file label {
  height: 40px;
  line-height: 38px;
  margin: 0;
  padding: 0 10px;
}
.calendar-header-now-button {
  height: 30px;
  line-height: 28px;
  margin: 0;
}
.booking-duration-button {
  font-size: 11px;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
}
.max-seven .booking-duration-button {
  max-width: 7%;
}
.favorite-button {
  height: 30px;
  margin-bottom: 5px;
  margin-right: 5px;
  max-width: 185px;
  padding: 3px 20px;
}
.padding-five {
  padding: 5px;
}
.padding-five-ten {
  padding: 5px 10px;
}
.padding-right-twenty {
  padding-right: 20px;
}
.padding-right-twentyeight {
  padding-right: 28px;
}
.padding-right-fifty {
  padding-right: 50px;
}
.padding-right-thirty-five-important {
  padding-right: 35px !important;
}
.calendar-header-now-button,
.padding-zero-twenty {
  padding: 0 20px;
}
.radio-button:first-of-type,
.radio-button-div label:first-of-type {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.show-if-first-or-last {
  display: none;
}
.radio-button:first-of-type .show-if-first-or-last,
.radio-button:last-of-type .show-if-first-or-last {
  display: inherit;
}
.radio-button:last-of-type,
.radio-button-div label:last-of-type {
  border-bottom-right-radius: 4px;
  border-right-width: 1px !important;
  border-top-right-radius: 4px;
}
.booking-recurrence-day-div label,
.booking-type-button,
.button-file label,
.calendar-header-now-button,
.neutral-button,
.radius-four {
  border-radius: 4px;
}
.neutral-button {
  font-size: 11px;
  line-height: 13px;
  padding: 3px 10px;
}
.prescription-row {
  border-bottom: 1px solid #bbb;
}
.journal-tooth-filter-div label,
.journal-tooth-filter-div > .radio-button {
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
}
.booking-type-div .booking-type-input,
.button-file input,
.parod-checkbox-div input {
  display: none;
}
.booking-type-button:hover,
.calendar-header-now-button:hover,
.radio-button:not([disabled]):not(.rich-text-editor-button):not(.checked):hover {
  background-color: #e6e6e6;
  background-position: 0 -15px;
  text-decoration: none;
  transition: background-position 0.1s linear;
}
.button-file label:active,
.button-file label:focus,
.calendar-header-now-button:active,
.calendar-header-now-button:focus,
.radio-button:not([disabled]):not(.checked):active,
.radio-button:not([disabled]):not(.checked):focus {
  background-color: #d9d9d9;
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0;
}
.radio-button.checked {
  background: #3d9be9;
  box-shadow:
    inset 0 1px 6px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  color: #fff;
}
.radio-button.checked svg {
  fill: #fff;
  stroke: #fff;
}
.radio-button.checked.female {
  background: #e01765 !important;
}
.journal-tooth-filter-div > .radio-button[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  box-shadow: none;
  color: #666;
  cursor: default;
}
.booking-type-button {
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  cursor: pointer;
  filter: alpha(opacity=75);
  font-size: 13px;
  font-weight: normal;
  height: 30px;
  line-height: 24px;
  margin-bottom: 4px;
  margin-right: 8px;
  margin-top: 4px;
  opacity: 0.75;
  padding: 3px 20px;
  text-align: center;
  text-shadow: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
.booking-type-button:active,
.booking-type-button:focus,
.booking-type-button:hover {
  border: 1px solid black;
}
.booking-type-div input:checked + label {
  border: 3px solid black;
}
.as-calendar-occurrence__title {
  text-shadow: none;
}
article.disabled {
  background: #fff;
}
article.disabled .as-calendar-occurrence__title {
  color: #bbb;
}
article.end-is-in-the-past {
  border: 1px solid #9fc6e7;
  background-color: #e4eff8;
}
article.end-is-in-the-past .a-calendar-occurrence__title {
  color: #777;
}
.a-calendar-occurrence__container {
  box-sizing: border-box;
  flex: 1 1 auto;
  overflow: visible;
  padding: 0 1px;
  position: relative;
  z-index: 1;
}
.a-calendar-occurrence__title {
  font-weight: normal !important;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}
.a-calendar-occurrence,
.calendar-side-panel-item,
.pride-emulator {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.a-calendar-occurrence,
.calendar-side-panel-item {
  background-color: #9fc6e7;
  z-index: 1;
}
.calendar-side-panel-item {
  border: 1px solid silver;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
}
.rebooking-dragger {
  background-color: #9fc6e7;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 15px;
  padding: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  width: 269px;
  z-index: 2;
}
.rebooking-dragger.active {
  visibility: visible;
  cursor: move;
}
.calendar-tab .calendar-side-panel-item.dragging,
.calendar-tab .calendar-side-panel-item.loading {
  opacity: 0.2;
}
.calendar-side-panel-item .pride-emulator-segments.vertical {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 7px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
}
.calendar-side-panel-item .pride-emulator-segments.vertical.no-type {
  left: 0;
  border-radius: 4px;
}
.calendar-side-panel-item .booking-content {
  position: relative;
  z-index: 1;
  padding: 2px 4px;
}
.pride-segment {
  width: 100%;
  min-height: 1px;
  opacity: 0.5;
}
.a-calendar-occurrence {
  position: relative;
}
.a-calendar-occurrence .pride-emulator-segments.vertical.parked {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 7px;
  right: 0;
  bottom: 0;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
  z-index: 0;
}
.a-calendar-occurrence .pride-emulator-segments.vertical.parked.no-type {
  left: 0;
  border-radius: 4px;
}
.a-calendar-occurrence.groupable {
  z-index: 2;
}
.a-calendar-occurrence.hidden {
  display: none;
}
.content-holder-expand .a-calendar-occurrence {
  left: 0;
  position: absolute;
  right: 10px;
}
.booking .popup-heading,
.journal_entry .popup-heading {
  width: 12%;
  min-width: 100px;
}
.search-icon {
  box-sizing: border-box;
  cursor: pointer;
  height: 35px;
  left: auto;
  padding: 0 !important;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 35px;
  z-index: 1;
}
.search-query-field {
  height: 30px;
  line-height: 28px;
}
.search-placeholder-icon {
  height: 14px;
  padding: 8px;
  width: 14px;
}
.search-placeholder-icon svg {
  fill: #919ca8;
}
.search-field .search-placeholder-icon {
  display: none;
}
.search-field.is-showing-placeholder-icon .search-placeholder-icon {
  display: flex;
  flex-direction: column;
  position: absolute;
}
.search-field.is-showing-placeholder-icon .search-query-field {
  padding-left: 30px;
}
.payment-list-cell .search-query-field {
  height: auto;
}
.navigationbar {
  border-bottom: 1px solid #adafb2;
  display: flex;
  padding-top: 30px;
}
.not-nav-bar {
  border-bottom: 0;
  padding-top: 0;
}
.photo-swiper .navigationbar {
  border-bottom-color: #424244;
}
.upload-patient-file-modal .navigationbar {
  padding-top: 0;
  top: 0;
}
.photo-swiper-sticky-nav-bar,
.sticky-nav-bar {
  position: sticky;
  z-index: 2;
}
.photo-swiper-sticky-nav-bar {
  background: #232c38;
  top: 33px;
}
.sticky-nav-bar {
  background: rgb(249, 249, 249);
  top: -30px;
}
.navigation-item {
  align-items: center;
  border-bottom: 3px transparent solid;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 400;
  height: 46px;
  line-height: 48px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.navigation-item div {
  color: #000;
  margin: 0 24px;
  text-decoration: none;
  white-space: nowrap;
}
.patient-files-content .navigation-item div,
.photo-swiper .navigation-item div {
  color: white;
}
.contained .navigation-item {
  flex: 0 1 auto;
}
.navigation-item:hover {
  border-bottom-color: #e6e6e6;
  color: #000;
  text-decoration: none;
}
.navigation-item.active {
  border-bottom: 3px solid #3d9be9;
  color: #3d9be9;
  font-weight: 600;
}
.clickable-tr:not([disabled]) {
  cursor: pointer;
}
.calendar-view:hover,
.clickable-tr:hover:not([disabled]) > .flex-th,
.clickable-tr:hover:not([disabled]) > .flex-td,
.clickable-tr:hover:not([disabled]) .show-on-parent-hover:not(.date-picker-actions),
.clickable-tr:hover:not([disabled]) .stretch-show-on-parent-hover:not(.date-picker-actions) {
  background-color: #f3f3f3 !important;
  transition:
    background-color 250ms ease-in-out,
    transform 150ms;
}
.photo-swiper-content-div > .flex-table > .clickable-tr:hover:not([disabled]) > .flex-td,
.photo-swiper-content-div
  > .flex-table
  > .clickable-tr:hover:not([disabled])
  .show-on-parent-hover:not(.date-picker-actions) {
  background-color: #323f50 !important;
}
.ember-power-select-selected-item .booking-type {
  width: 100%;
  text-align: center;
}
.booking-type-input {
  text-align: left !important;
  height: 32px;
  line-height: 32px;
}
.pagination {
  margin: 18px 0;
  width: 100%;
}
.text-centered {
  text-align: center;
}
.qms-activity-item-name {
  font-size: 16px;
}
polygon.selected,
rect.selected {
  fill: #3d9be9 !important;
  stroke: #3d9be9 !important;
  stroke-opacity: 1 !important;
}
polygon.selected {
  fill-opacity: 1 !important;
}
rect.selected {
  fill-opacity: 0.7 !important;
}
.parod-input {
  height: 39px;
  line-height: 37px;
  min-height: 39px;
  width: 100%;
  max-width: 960px;
}
li.ember-power-select-option div.deceased,
li.ember-power-select-option div.not-accepts-digital-remittance,
li.ember-power-select-option div.stopped,
li.ember-power-select-option div.relocated {
  background-color: #e5e5e5;
  color: #666;
}
.remittance-search-clinic.not-accepts-digital-remittance {
  background-color: #eee;
  border-bottom-color: #dadada;
  color: #999;
}
.remittance-search-clinic.not-accepts-digital-remittance .show-on-parent-hover {
  background-color: #eee;
}
.four-fifths-width {
  float: left;
  width: 80%;
}
.as-calendar-timetable__first-column {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  float: left;
  width: 48px;
}
.as-calendar-timetable__slot-label {
  display: flex;
  flex: 1 1 0px;
  font-size: 9px;
  font-weight: 400;
  min-height: 0;
  text-align: center;
}
.as-calendar-timetable__slot-label.full-hour,
.pride-emulator-time {
  font-size: 12px;
}
.as-calendar-timetable__slot-label.full-hour .timeslot-label {
  height: 12px;
  line-height: 12px;
}
.a-calendar-timetable__slot-item.labelled {
  border-top: 1px solid #f8f8f8 !important;
}
.a-calendar-timetable__slot-item.labelled.full-hour,
.pride-emulator {
  border-top: 1px solid #dadce0 !important;
}
.a-calendar-timetable__slot-item:first-child {
  border-top: 0;
}
.a-calendar-timetable__slot-item {
  border: 0;
}
.invisible {
  display: none !important;
}
.not-invisible {
  display: block !important;
}
.ball-list-cell,
.payment-list-cell {
  box-sizing: border-box;
  float: left;
  line-height: 30px;
  margin: 0;
}
.ball-list-cell {
  padding: 9px 8px;
}
.payment-list-cell {
  padding: 0 !important;
  white-space: nowrap;
}
.padding-left-eight-important {
  padding-left: 8px !important;
}
.padding-left-ten {
  padding-left: 10px;
}
.payment-list-cell > input[type='email'],
.payment-list-cell > input[type='number'],
.payment-list-cell > input[type='tel'],
.payment-list-cell > input[type='text'],
.payment-list-cell > textarea,
.payment-list-cell > .datetime-picker > .standard-input {
  border: 0;
  border-radius: 0;
  display: flex;
  padding: 0 8px;
  width: 100%;
}
.payment-list-cell > .rich-text-editor {
  border: 0;
  border-radius: 0;
  white-space: initial;
}
.payment-list-cell > input,
.payment-list-cell > .datetime-picker > .standard-input {
  height: 36px;
  line-height: 36px;
}
.payment-list-cell > input.hover-when-not-hover,
.payment-list-cell > input:hover:enabled,
.payment-list-cell > textarea:hover:enabled,
.payment-list-cell > .rich-text-editor.editable:hover,
.payment-list-cell > .datetime-picker > .standard-input:hover:not([disabled]) {
  background: #f7fff3;
}
.payment-list-cell > input:hover:enabled,
.payment-list-cell > textarea:hover:enabled,
.payment-list-cell > .rich-text-editor.editable:hover,
.payment-list-cell > .datetime-picker > .standard-input:hover:not([disabled]) {
  border-color: rgba(116, 196, 67, 0.6) !important;
  box-shadow: inset 0 0 0 1px #5dd55d;
  outline: none !important;
}
.payment-list-cell > input:focus,
.payment-list-cell > textarea:focus,
.payment-list-cell > .rich-text-editor.editable:focus {
  background-color: #ebffdd !important;
}
.borderless {
  border: 0 !important;
}
.border-top-almost-white,
.task-comment,
.user-status-rows-container {
  border-top: 1px solid #ebebeb;
}
.border-top-white {
  border-top: 1px solid #fff !important;
}
.payment-list-cell .ember-basic-dropdown {
  flex: 1 1 auto;
}
.payment-list-cell .ember-power-select-trigger {
  border: 0;
  display: flex;
  flex: 1 1 auto;
  line-height: 32px;
}
.currently-sorting {
  background: #c4c5c7 !important;
  color: #fff !important;
}
.photo-swiper .currently-sorting {
  background: #474c50 !important;
}
.expander-div {
  border-bottom: 1px solid #f2f2f2;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  width: 100%;
}
.photo-swiper-content-div .expander-div {
  border-bottom-color: #424244;
}
.expander-span {
  border-color: #ddd transparent transparent transparent;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  display: flex;
  flex-direction: column;
  height: 0;
  transition: transform 150ms;
  width: 0;
}
.search-toggle-expander .expander-span {
  border-top-color: #919ca7;
}
.patient-status {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: sticky;
  top: 46px;
  z-index: 1;
}
.ball.blue,
.blue .ember-power-select-trigger,
.flex-tr.blue .flex-td,
.parent .show-on-parent-hover.blue,
.status-indicator.blue {
  background: #9ddaf0;
}
.ball.green,
.flex-tr.green .flex-td,
.green-background,
.header-box.green,
.parent:hover > .show-on-parent-hover.green,
.parent:hover > .stretch-on-parent-hover.green,
.status-indicator.green {
  background: #b2f09d;
}
.ball.gray,
.flex-tr.gray .flex-td,
.parent .show-on-parent-hover.gray,
.parent:hover > .stretch-on-parent-hover.gray,
.status-indicator.gray {
  background: #e7e7e7;
}
.flex-tr.orange .flex-td,
.parent .show-on-parent-hover.orange,
.status-indicator.orange {
  background: #ffdb99;
}
.ball.pink,
.flex-tr.pink .flex-td,
.parent .show-on-parent-hover.pink,
.status-indicator.pink {
  background: #ffd8ed;
}
.ball.purple,
.flex-tr.purple .flex-td,
.parent .show-on-parent-hover.purple,
.status-indicator.purple {
  background: #eed1ff;
}
.ball.red,
.flex-tr.red .flex-td,
.parent .show-on-parent-hover.red,
.parent .stretch-on-parent-hover.red,
.red .ember-power-select-trigger,
.status-indicator.red {
  background: #ffc6c6;
}
.ball.white,
.flex-td > .white,
.flex-tr.white .flex-td,
.just-parent .show-on-parent-hover.white,
.parent .show-on-parent-hover.white,
.parent .stretch-on-parent-hover.white,
.patient-status.white,
.status-indicator.white {
  background: #fff;
}
.ball.white {
  border: 1px solid #eee;
}
.flex-td.white-important {
  background: #fff !important;
}
.white-background-important {
  background-color: #fff !important;
}
.yellow-background-important {
  background-color: #fffca2 !important;
}
.transparent-background-important {
  background-color: rgba(128, 128, 128, 0.3) !important;
}
.ball.yellow,
.flex-tr.yellow .flex-td,
.parent .show-on-parent-hover.yellow,
.status-indicator.yellow {
  background: #fffca2;
}
.blue .ember-power-select-trigger,
.red .ember-power-select-trigger {
  border: 1px solid #fff;
}
.blue .ember-power-select-status-icon,
.red .ember-power-select-status-icon {
  border-color: #fff transparent transparent transparent;
}
.search-results-filters {
  display: flex;
  flex: 1 0 0px;
  flex-direction: row;
  font-size: 11px;
  margin: auto 0 0 0;
  max-height: 32px;
  min-height: 32px;
  overflow: hidden;
}
.search-results-filters .filter {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 2px;
  cursor: pointer;
  line-height: 14px;
  margin-right: 2px;
  max-width: 260px;
  position: relative;
  padding: 8px 12px;
}
.search-results-filters .filter:before {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
  content: '';
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
.search-results-filters .active.yellow,
.search-results-filters .yellow:before {
  background: #fffca2;
}
.search-results-filters .yellow:hover:before {
  background: #e0d200;
}
.search-results-filters .pink:hover:before {
  background: #ff1493;
}
.search-results-filters .active.pink,
.search-results-filters .pink:before {
  background: #ffd8ed;
}
.search-results-filters .active.red,
.search-results-filters .red:before {
  background: #ffc6c6;
}
.search-results-filters .red:hover:before {
  background: #e4465b;
}
.search-results-filters .active.green,
.search-results-filters .green:before {
  background: #b2f09d;
}
.search-results-filters .green:hover:before {
  background: #74bb20;
}
.search-results-filters .active.orange,
.search-results-filters .orange:before {
  background: #ffdb99;
}
.search-results-filters .orange:hover:before {
  background: #ffa500;
}
.search-results-filters .active.purple,
.search-results-filters .purple:before {
  background: #eed1ff;
}
.search-results-filters .purple:hover:before {
  background: #995ac3;
}
.search-results-filters .active.gray,
.search-results-filters .gray:before {
  background: #e7e7e7;
}
.search-results-filters .gray:hover:before {
  background: #aeaeae;
}
.search-results-filters .active.blue,
.search-results-filters .blue:before {
  background: #9ddaf0;
}
.search-results-filters .blue:hover:before {
  background: #5d7fe3;
}
.search-results-filters .active.redyellow,
.search-results-filters .redyellow:before {
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, #ffc6c6 50%, #fffca2 50%);
  background-size: 100% 30px;
}
.search-results-filters .redyellow:hover:before {
  background-color: #d1d1d1;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, #e4465b 50%, #e0d200 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.white,
.search-results-filters .white:before {
  background: #fff;
  background-color: #fff;
}
.search-results-filters .white:hover:before {
  background: #fff;
}
.search-results-filters .active.whitered,
.search-results-filters .whitered:before {
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #ffc6c6 50%);
  background-size: 100% 30px;
}
.search-results-filters .whitered:hover:before {
  background-color: #d1d1d1;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #e4465b 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.whitegreen,
.search-results-filters .whitegreen:before {
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #b2f09d 50%);
  background-size: 100% 30px;
}
.search-results-filters .whitegreen:hover:before {
  background-color: #d1d1d1;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #74bb20 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.bluegreen,
.search-results-filters .bluegreen:before {
  background-color: #b2f09d;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #9ddaf0 50%);
  background-size: 100% 30px;
}
.search-results-filters .bluegreen:hover:before {
  background-color: #74bb20;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #5d7fe3 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.bluewhite,
.search-results-filters .bluewhite:before {
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #9ddaf0 50%);
  background-size: 100% 30px;
}
.search-results-filters .bluewhite:hover:before {
  background-color: #d1d1d1;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #5d7fe3 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.bluepurple,
.search-results-filters .bluepurple:before {
  background-color: #9ddaf0;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #eed1ff 50%);
  background-size: 100% 30px;
}
.search-results-filters .bluepurple:hover:before {
  background-color: #5d7fe3;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #995ac3 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.greenred,
.search-results-filters .greenred:before {
  background-color: #b2f09d;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #ffc6c6 50%);
  background-size: 100% 30px;
}
.search-results-filters .greenred:hover:before {
  background-color: #74bb20;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #e4465b 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.greenorange,
.search-results-filters .greenorange:before {
  background-color: #b2f09d;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #ffdb99 50%);
  background-size: 100% 30px;
}
.search-results-filters .greenorange:hover:before {
  background-color: #74bb20;
  background-repeat: no-repeat;
  background-image: linear-gradient(108deg, transparent 50%, #ffa500 50%);
  background-size: 100% 30px;
}
.search-results-filters .active.transparent {
  background: #fff;
}
.search-results-filters .active {
  border: 1px solid #979797 !important;
}
.search-results-filters .active:before {
  display: none !important;
}
.journal-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.autocomplete-button {
  margin: 4px;
  padding: 2px 10px;
}
.claim-status-row,
.debt-collection-status-row,
.incident-status-row,
.patient-booking-response-row,
.prescription-status-row {
  background-color: #fff7d7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px;
}
.smaller-text {
  font-size: 0.8em;
}
.big-error-text,
.error-text {
  color: red;
}
.error-text {
  font-size: 0.8em;
}
.horizontal-divider-34px {
  border-right: 1px solid silver;
  float: left;
  height: 34px;
  margin: 0 5px;
}
.alert {
  border-radius: 4px 4px 0 0;
  bottom: 0px;
  box-sizing: border-box;
  left: 5px;
  padding: 5px 20px 20px 20px;
  position: fixed;
  opacity: 0;
  text-align: center;
  transform: translateY(100px);
  transition: all 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 210px;
  z-index: 1505;
}
.alert.active {
  opacity: 1;
  transform: translateY(15px);
}
.alert.active.exiting {
  opacity: 0;
  transform: translateY(100px);
}
.alert-danger {
  background-color: #f2dede;
  border: 3px solid #a94442;
  border-bottom: 0;
  color: #a94442;
  z-index: 1506;
}
.alert-info {
  background-color: #f0e442;
  border: 3px solid #c0b634;
  border-bottom: 0;
  z-index: 1505;
}
.alert-success {
  background-color: #dff0d8;
  border: 3px solid #3c763d;
  border-bottom: 0;
  color: #3c763d;
}
.lower .tooth-element-text {
  top: 20px;
}
.upper .tooth-element-text {
  bottom: 20px;
}
.a-calendar-occurrence.tentative {
  border: 2px dashed red !important;
}
.right-side-relations {
  float: left;
  padding-right: 20px;
}
.smaller-font-table .flex-td > input,
.smaller-font-table .flex-td > textarea,
.smaller-font-table .flex-td > .rich-text-editor.editable .rich-text-holder {
  font-size: 13px;
}
.even-smaller-font-table .flex-th {
  font-size: 12px;
  line-height: 14px;
}
.even-smaller-font-table .blue-link,
.even-smaller-font-table .flex-td,
.even-smaller-font-table .flex-td > input,
.even-smaller-font-table .flex-td > textarea,
.even-smaller-font-table .flex-td > .rich-text-editor.editable .rich-text-holder,
.even-smaller-font-table .subtext,
.subtext-small {
  font-size: 12px;
}
.even-smaller-font-table .flex-td > .rich-text-editor .rich-text-holder {
  line-height: 18px;
}
.smaller-font-table .flex-td > .rich-text-editor .rich-text-holder {
  line-height: 20px;
}
.even-smaller-font-table .subtext,
.line-height-fourteen {
  line-height: 14px;
}
.smaller-font-table textarea {
  padding: 5px 8px;
}
.city-width,
.postal-code-width {
  float: left;
}
.city-width,
.no-border-left {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-left: 0;
}
.city-width {
  width: 50%;
}
.postal-code-width {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  width: 10ch;
}
.search-icon circle {
  stroke: #fff !important;
}
.find-in-page {
  background: rgb(249, 249, 249);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.find-in-page > * {
  margin: 0 5px;
}
.find-in-page > :first-child {
  margin-left: 10px;
}
.find-in-page > :last-child {
  margin-right: 10px;
}
.constrain-for-ai-pane {
  transition: max-width 150ms;
}
.showing-ai-pane .drop-files-area > *:not(.ai-pane),
.showing-report-pane .drop-files-area > *:not(.ai-pane) {
  min-width: 0;
}
@media (min-width: 880px) {
  .ember-power-select-options div.power-select-patient .power-select-patient-id,
  .power-select-show-all .power-select-patient-id {
    width: 50px;
  }
  .patient-selector-dropdown {
    width: 600px !important;
  }
  .signin {
    max-width: 400px;
    width: 400px;
  }
  .max-width-eight-hundred,
  .patient-selector,
  .search-field {
    max-width: 800px;
  }
  .max-width-two-hundred-important {
    max-width: 200px !important;
  }
}
@media (min-width: 1280px) {
  .confirm-primary,
  .confirm-secondary,
  .delete-primary,
  .delete-secondary,
  .min-width-hundred {
    min-width: 100px;
  }
  .min-width-two-hundred {
    min-width: 200px;
  }
  .ember-power-select-options div.power-select-patient .power-select-patient-id,
  .power-select-show-all .power-select-patient-id {
    width: 100px;
  }
  .search-results-filters .filter {
    margin-right: 5px;
    padding: 8px 15px;
  }
  .page-body,
  .inside-sticky-bottom-menu,
  .sticky-top-menu {
    margin: 0 62.5px;
  }
  .page-body {
    padding: 10px 3px;
  }
  .patient-selector-dropdown {
    width: 960px !important;
  }
  .booking-navbar,
  .inside-sticky-bottom-menu-reasonable-stretch,
  .reasonable-stretch,
  .sticky-top-menu-reasonable-stretch {
    margin: 0 125px;
  }
}
@media (min-width: 1600px) {
  .page-body,
  .page-body-stretched-strict-padding,
  .inside-sticky-bottom-menu,
  .inside-sticky-bottom-menu-stretched,
  .sticky-top-menu,
  .sticky-top-menu-stretched,
  .top-menu-stretched {
    margin: 0 125px;
    max-width: 100%;
  }

  .main-body-page-holder.showing-ai-pane .inside-sticky-bottom-menu,
  .main-body-page-holder.showing-ai-pane .inside-sticky-bottom-menu-stretched,
  .main-body-page-holder.showing-ai-pane .page-body,
  .main-body-page-holder.showing-ai-pane .sticky-top-menu,
  .main-body-page-holder.showing-ai-pane .sticky-top-menu-stretched,
  .main-body-page-holder.showing-ai-pane .top-menu-stretched {
    margin: 0 62.5px;
  }

  .photo-swiper-expanded.photo-swiper-pinned .page-body,
  .photo-swiper-expanded.photo-swiper-pinned .inside-sticky-bottom-menu,
  .photo-swiper-expanded.photo-swiper-pinned .sticky-top-menu {
    margin: 0 62.5px;
    max-width: 100%;
  }
  .photo-swiper-expanded.photo-swiper-pinned .page-body-stretched-strict-padding,
  .photo-swiper-expanded.photo-swiper-pinned .inside-sticky-bottom-menu-stretched,
  .photo-swiper-expanded.photo-swiper-pinned .sticky-top-menu-stretched,
  .photo-swiper-expanded.photo-swiper-pinned .top-menu-stretched {
    margin: 0;
  }
  .patient-selector-dropdown {
    width: 1280px !important;
  }
  .booking-navbar,
  .inside-sticky-bottom-menu-reasonable-stretch,
  .reasonable-stretch,
  .sticky-top-menu-reasonable-stretch {
    margin-left: 200px !important;
    margin-right: 200px !important;
    max-width: 100%;
  }
  .show-on-wide {
    display: block;
  }
}
@media (min-width: 2560px) {
  .single-pdf-item.pinned-photo-swiper,
  .image-editor.pinned-photo-swiper {
    left: unset;
    right: 0;
    width: 50%;
  }
  .single-pdf-item.pinned-photo-swiper.main-menu-enabled,
  .image-editor.pinned-photo-swiper.main-menu-enabled {
    transform: translateX(115px);
  }
  .single-pdf-item.pinned-photo-swiper.main-menu-enabled:after,
  .image-editor.pinned-photo-swiper.main-menu-enabled:after {
    content: '';
    display: block;
    width: 115px;
  }
  .photo-swiper.expand.pinned {
    max-width: 50%;
    min-width: 50%;
    position: static;
  }
  .photo-swiper.pinned .image-groups-container,
  .photo-swiper.pinned .mounts-container {
    max-width: 50%;
  }
  .photo-swiper.pinned.is-hiding-image-groups .mounts-container {
    max-width: 100%;
  }
  .photo-swiper.expand.pinned .pinned-on-ultra-wide {
    display: flex;
    flex-direction: row !important;
  }
}
@media (max-width: 900px) {
  .left-label-div,
  .half-right-input-div,
  .right-input-div {
    width: 100% !important;
    text-align: left;
  }
  .left-label-div {
    padding: 8px 0 0 0;
  }
  .one-fourth {
    width: 48%;
  }
  h2 {
    margin-bottom: 0;
  }
  .visible {
    display: block !important;
    overflow: hidden;
    position: fixed;
    z-index: 2;
  }
}
@media (min-width: 480px) {
  .room-side-panel {
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  .float-right-on-desktop {
    float: right;
    margin-left: auto;
  }
}
@media (min-width: 500px) {
  .half {
    box-sizing: border-box;
    float: left;
    width: 50%;
  }
  .half.left {
    padding-right: 0.5%;
  }
  .half.left-looks-like-middle {
    padding-left: 0.25%;
    padding-right: 0.25%;
  }
  .half.right {
    padding-left: 0.5%;
  }
  .expand .half.left,
  .page-body .half.left,
  .page-content-div .half.left {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
  }
  .expand .half.right,
  .page-body .half.right,
  .page-content-div .half.right {
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .one-third-div,
  .two-thirds {
    box-sizing: border-box;
    float: left;
  }
  .one-third-div {
    width: 33.333%;
  }
  .one-third-div.left {
    padding-right: 0.33%;
  }
  .one-third-div.middle {
    padding-left: 0.167%;
    padding-right: 0.167%;
  }
  .one-third-div.right,
  .two-thirds.right {
    padding-left: 0.33%;
  }
  .page-header {
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .page-top-disclaimer {
    margin-bottom: 25px;
  }
  .prescription-row .half {
    box-sizing: border-box;
    float: left;
    width: 50%;
  }
  .prescription-body .one-third {
    padding: 0.5% 0;
    width: 33.33%;
  }
  .prescription-row .one-third {
    width: 33.3%;
  }
  .prescription-row div {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
  }
  .prescription-row .two-thirds {
    width: 66.667%;
  }
  .stretch-on-mobile {
    margin: 0 2.5px 10px 2.5px;
    width: auto;
  }
  .prescription-accept-modal {
    min-width: 600px;
  }
  .prescription-row-switch-toggler {
    margin: 0 20px 10px 0;
    width: auto;
  }
  .signin {
    border-radius: 3px;
    border-top: 1px solid #fbfbfb;
    box-shadow: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2);
  }
  .two-thirds {
    width: 66.667%;
  }
  .two-thirds.left {
    padding-left: 0;
    padding-right: 0.167%;
  }
  .two-thirds.right {
    padding-left: 0.167%;
  }
}

@keyframes load-gauge {
  0% {
    stroke-dasharray: 0 352;
  }
}

.typing {
  align-items: center;
  display: flex;
  height: 17px;
}
.typing .dot {
  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
  background-color: #3482f5;
  border-radius: 50%;
  height: 7px;
  margin-right: 4px;
  vertical-align: middle;
  width: 7px;
  display: inline-block;
}
.typing .dot:nth-child(1) {
  animation-delay: 200ms;
}
.typing .dot:nth-child(2) {
  animation-delay: 300ms;
}
.typing .dot:nth-child(3) {
  animation-delay: 400ms;
}
.typing .dot:last-child {
  margin-right: 0;
}

@keyframes mercuryTypingAnimation {
  0% {
    transform: translateY(0px);
    background-color: #3482f5;
  }
  28% {
    transform: translateY(-7px);
    background-color: #9ea2ca;
  }
  44% {
    transform: translateY(0px);
    background-color: #b5b8d9;
  }
}
@keyframes slide-in-to-bottom {
  from {
    transform: translateY(-8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-to-top {
  from {
    transform: translateY(-92%);
    opacity: 0;
  }
  to {
    transform: translateY(-100%);
    opacity: 1;
  }
}
@keyframes slide-in-to-bottom-centered {
  from {
    transform: translate(-50%, 0);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 8px);
    opacity: 1;
  }
}
@keyframes slide-in-to-top-centered {
  from {
    transform: translate(-50%, 0);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -8px);
    opacity: 1;
  }
}
@keyframes slide-in-to-right {
  from {
    transform: translateX(0);
    opacity: 0;
  }
  to {
    transform: translateX(8px);
    opacity: 1;
  }
}
@keyframes slide-in-to-left {
  from {
    transform: translateX(0);
    opacity: 0;
  }
  to {
    transform: translateX(-8px);
    opacity: 1;
  }
}
@keyframes blink-background {
  0%,
  100% {
    opacity: 0;
  }
  16%,
  50%,
  83% {
    opacity: 0.9;
  }
  33%,
  66% {
    opacity: 0;
  }
}
@keyframes blink-microphone-background {
  from {
    opacity: 0.18;
  }
  to {
    opacity: 0.01;
  }
}

@keyframes pulse-green-shadow {
  0%,
  100% {
    box-shadow: 0 2px 8px rgba(46, 182, 125, 0.2);
  }
  50% {
    box-shadow: 0 4px 20px rgba(46, 182, 125, 0.5);
  }
}
@keyframes fade-in-bg-border {
  from {
    background-color: #2eb67d00;
    border-color: #2eb67d00;
  }
  to {
    background-color: #2eb67d1a;
    border-color: #2eb67db9;
  }
}
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes slide-in-from-top {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes zoom-in-from-far {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.speech-button,
.speech-action-button {
  height: 105px;
  width: 200px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 600;
  box-shadow:
    0 4px 12px rgba(46, 182, 125, 0.2),
    0 2px 4px rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #ffffff, #fafafa);
  border: 2px solid #2eb67d;
  transition: all 0.2s ease;
  position: relative;
}

.speech-button:hover,
.speech-action-button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 6px 20px rgba(46, 182, 125, 0.3),
    0 4px 8px rgba(0, 0, 0, 0.12);
  background: linear-gradient(to bottom, #ffffff, #f5f5f5);
  border-color: #249164;
}

.speech-button:active,
.speech-action-button:active {
  transform: translateY(0);
  box-shadow:
    0 2px 6px rgba(46, 182, 125, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.1);
  left: 0;
  top: 0;
}
.speech-action-button {
  height: 80px;
  width: 150px;
}

.speech-option-tip-holder {
  width: 200px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
}

.slide-in-delay-3 {
  animation: slide-in-from-top 0.25s ease-out 0.2s forwards;
  opacity: 0;
}

.slide-in-delay-4 {
  animation: slide-in-from-top 0.25s ease-out 0.3s forwards;
  opacity: 0;
}

.assistant-chat-communications {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  overflow-x: scroll;
  scroll-behavior: smooth;
  position: relative;
  overflow-anchor: none;
}

.assistant-chat-communications.has-messages::before {
  background: #fff;
  content: '';
  left: 0;
  position: fixed;
  right: 6px;
  top: 49px;
  height: 48px;
  z-index: 1;
}

.assistant-chat {
  height: 100%;
  overflow: auto;
}

.assistant-chat .ai-pane-message {
  margin-left: 16px;
  margin-right: 16px;
}

.assistant-chat .ai-pane-message.animate-on-appear {
  animation: messageSlideIn 0.3s ease-out;
}

.assistant-chat .ai-pane-message:first-child {
  margin-top: 16px;
}

.assistant-chat .ai-pane-message:last-child {
  margin-bottom: 16px;
}

.assistant-chat .ai-pane-message.ai-pane-assistant-message {
  align-self: flex-start;
  margin-bottom: 6px;
  margin-top: 6px;
}

.assistant-chat .message-content {
  position: relative;
  word-wrap: break-word;
  word-break: break-word;
}

.assistant-chat .message-body {
  font-size: 13px;
  line-height: 1.4;
  position: relative;
}

.assistant-chat .ai-pane-user-message {
  box-shadow:
    4px -8px 20px #fff,
    -4px -22px 12px #fff;
  margin-bottom: 8px;
  margin-top: 35px;
  position: sticky;
  top: 16px;
  z-index: 1;
}

.assistant-chat .ai-pane-user-message .message-body {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 6px 10px;
}

.assistant-chat .ai-pane-assistant-message .message-body {
  background: white;
  color: #333;
}

.assistant-chat .message-body h1,
.assistant-chat .message-body h2,
.assistant-chat .message-body h3 {
  font-weight: 600;
  margin: 8px 0 4px;
}

.assistant-chat .message-body h1 {
  font-size: 15px;
}

.assistant-chat .message-body h2 {
  font-size: 14px;
}

.assistant-chat .message-body h3 {
  font-size: 13px;
}

.assistant-chat .message-body hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 6px 0;
}

.assistant-chat .message-body ul {
  margin: 4px 0;
  padding-left: 18px;
}

.assistant-chat .message-body li {
  margin: 2px 0;
}

.assistant-chat .message-body table {
  border-collapse: collapse;
  font-size: 12px;
  margin: 6px 0;
  width: 100%;
}

.assistant-chat .message-body th,
.assistant-chat .message-body td {
  border: 1px solid #ddd;
  padding: 4px 8px;
  text-align: left;
}

.assistant-chat .message-body th {
  background-color: #f5f5f5;
  font-weight: 600;
}

.assistant-chat .loading-state {
  text-align: center;
  padding: 40px 20px;
  color: #6c757d;
}

.assistant-chat .loading-state p {
  font-size: 16px;
  margin: 0;
  font-weight: 500;
}

.assistant-chat .loading-state::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 16px;
  border: 3px solid #dee2e6;
  border-top: 3px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.assistant-chat-writing {
  background: white;
  box-sizing: border-box;
  padding: 12px;
  min-width: 230px;
}

.assistant-chat-writing.top-input {
  border-bottom: 2px solid #f2f5f8;
  border-top: none;
}

.assistant-chat-writing.bottom-input {
  border-top: 2px solid #f2f5f8;
  border-bottom: none;
}

.assistant-chat-textarea-wrapper {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 8px;
}

.assistant-chat-textarea {
  background-color: #fff;
  border: none;
  padding: 4px 0px;
  resize: none;
  font-size: 13px;
  line-height: 1.4;
  transition: border-color 0.2s ease;
}

.assistant-chat-textarea:focus {
  outline: none;
}

.assistant-chat-textarea:disabled {
  color: #6c757d;
}

.assistant-chat .status-message {
  color: rgba(51, 51, 51, 0.383059);
  font-size: 12px;
  margin-bottom: 4px;
  margin-top: 4px;
  opacity: 0.8;
}

.assistant-chat .status-message.hint-holder-to-bottom {
  position: relative;
  z-index: 2;
}

.assistant-chat .status-message.hint-holder-to-bottom:hover {
  z-index: 1000;
}
.assistant-chat .status-message.tool-result {
  word-break: break-all;
  word-wrap: break-word;
}
.assistant-chat .status-message.tool-result .tool-result-expander {
  display: none;
}

.assistant-chat .status-message.tool-result label.message-body {
  cursor: pointer;
  display: block;
  overflow: hidden;
  max-height: 1.4em;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition:
    max-height 0.3s ease,
    padding-right 0.3s ease,
    background-color 0.2s ease;
  position: relative;
}

.assistant-chat .status-message.tool-result .tool-result-expander:not(:checked) + label.message-body:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.assistant-chat .status-message.tool-result label.message-body::after {
  color: #666;
  content: '⌃';
  height: 12px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 3px;
  transform: rotate(180deg);
  transition: opacity 0.2s ease;
  width: 11px;
}

.assistant-chat .status-message.tool-result .tool-result-expander:not(:checked) + label.message-body:hover::after {
  opacity: 1;
}

.assistant-chat .status-message.tool-result .tool-result-expander:checked + label.message-body {
  max-height: 3000px;
  white-space: normal;
}

.assistant-chat .status-message.tool-result .tool-result-expander:checked + label.message-body::after {
  transform: rotate(0deg);
  opacity: 1;
}

.assistant-chat .status-message.status-error {
  color: #c62828;
}

.assistant-chat .status-message.hint-holder-to-bottom .hint-to-bottom {
  left: 0;
  transform: translate(0, 0);
  white-space: normal;
  width: calc(100% - 16px);
}

@media (min-width: 769px) {
  .assistant-chat .status-message.hint-holder-to-bottom:hover .hint-to-bottom {
    transform: translate(0, 8px);
  }
}

.assistant-chat .ai-pane-message.streaming .message-body::after {
  content: '▋';
  color: #007bff;
  animation: blink 1s infinite;
  margin-left: 2px;
}

.assistant-chat .ai-pane-message.approval-required {
  color: #333;
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
  opacity: 1;
}

.assistant-chat .approval-changes {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.assistant-chat .approval-change-values {
  gap: 4px;
}

.assistant-chat .approval-change-previous,
.assistant-chat .approval-change-proposed {
  border-radius: 4px;
  color: rgb(26, 26, 26);
  cursor: pointer;
  padding: 4px 8px;
  position: relative;
  word-break: break-word;
}

.assistant-chat .approval-change-previous {
  background-color: rgb(254, 238, 236);
}

.assistant-chat .approval-change-proposed {
  background-color: rgb(238, 248, 239);
}

.assistant-chat .approval-change-previous .rich-text-wrapper,
.assistant-chat .approval-change-previous .rich-text-wrapper *,
.assistant-chat .approval-change-proposed .rich-text-wrapper,
.assistant-chat .approval-change-proposed .rich-text-wrapper * {
  color: rgb(26, 26, 26);
}

.assistant-chat .approval-change-previous .approval-change-expander,
.assistant-chat .approval-change-proposed .approval-change-expander {
  display: none;
}

.assistant-chat .approval-change-previous .approval-change-content,
.assistant-chat .approval-change-proposed .approval-change-content {
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.assistant-chat .approval-change-previous .approval-change-content {
  max-height: 7em;
}

.assistant-chat .approval-change-proposed .approval-change-content {
  max-height: 3000px;
}

.assistant-chat .approval-change-previous .approval-change-content::after,
.assistant-chat .approval-change-proposed .approval-change-content::after {
  bottom: 0;
  content: '';
  height: 2.5em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity 0.3s ease;
}

.assistant-chat .approval-change-previous .approval-change-content::after {
  background: linear-gradient(to bottom, transparent, rgb(254, 238, 236));
}

.assistant-chat .approval-change-proposed .approval-change-content::after {
  background: linear-gradient(to bottom, transparent, rgb(238, 248, 239));
  opacity: 0;
}

.assistant-chat .approval-change-previous .approval-change-expander:checked ~ .approval-change-content {
  max-height: 3000px;
}

.assistant-chat .approval-change-previous .approval-change-expander:checked ~ .approval-change-content::after {
  opacity: 0;
}

.assistant-chat .approval-change-previous .approval-change-arrow,
.assistant-chat .approval-change-proposed .approval-change-arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid rgb(26, 26, 26);
  bottom: 7px;
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  transition:
    transform 0.3s ease,
    bottom 0.3s ease;
  width: 0;
  z-index: 1;
}

.assistant-chat .approval-change-previous .approval-change-expander:checked ~ .approval-change-arrow,
.assistant-chat .approval-change-proposed .approval-change-expander:checked ~ .approval-change-arrow {
  bottom: auto;
  top: 7px;
  transform: translateX(-50%) rotate(180deg);
}

.assistant-chat .approval-change-proposed .approval-change-expander:not(:checked) ~ .approval-change-content {
  max-height: 7em;
}

.assistant-chat .approval-change-proposed .approval-change-expander:not(:checked) ~ .approval-change-content::after {
  opacity: 1;
}

.assistant-chat .approval-resolved {
  color: #666;
  font-size: 12px;
  font-style: italic;
  text-align: right;
}

.assistant-chat .approval-resolved.approval-resolved-approve {
  color: #2e7d32;
}

.assistant-chat .approval-resolved.approval-resolved-reject {
  color: #c62828;
}

@keyframes blink {
  0%,
  50% {
    opacity: 1;
  }
  51%,
  100% {
    opacity: 0;
  }
}

.jumping-dots-loader {
  display: inline-flex;
  gap: 2px;
  align-items: center;
}

.jumping-dots-loader .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #d1d1d1;
  animation: jump 1.4s ease-in-out infinite both;
}

.jumping-dots-loader .dot:nth-child(1) {
  animation-delay: -0.32s;
}

.jumping-dots-loader .dot:nth-child(2) {
  animation-delay: -0.16s;
}

.jumping-dots-loader .dot:nth-child(3) {
  animation-delay: 0s;
}

@keyframes jump {
  0%,
  80%,
  100% {
    transform: scale(0.8) translateY(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1) translateY(-5px);
    opacity: 1;
  }
}

.ai-processing-loader {
  margin: 4px 0;
}

@keyframes messageSlideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Scrollbar Styling */
.assistant-chat-communications::-webkit-scrollbar {
  width: 6px;
}

.assistant-chat-communications::-webkit-scrollbar-track {
  background: transparent;
}

.assistant-chat-communications::-webkit-scrollbar-thumb {
  background: #dee2e6;
  border-radius: 3px;
}

.assistant-chat-communications::-webkit-scrollbar-thumb:hover {
  background: #adb5bd;
}

.kjernejournal-critical-bg {
  fill: #e42926;
}

.kjernejournal-info-bg {
  fill: #9ac8d1;
}

.kjernejournal-non-critical-bg {
  fill: #0c788d;
}

.kjernejournal-disabled-bg {
  fill: #cdcccc;
}

.kjernejournal-white-fill {
  fill: #fff;
}

.kjernejournal-gray-fill {
  fill: #999;
}

.kjernejournal-error-fill {
  fill: #ed1f24;
}

.kjernejournal-opacity-half {
  opacity: 0.5;
}

.latest-ai-rooms {
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
  padding: 5px;
  overflow-x: auto;
}

.latest-ai-rooms::-webkit-scrollbar {
  height: 5px;
}

.latest-ai-rooms::-webkit-scrollbar-track {
  background: transparent;
}

.latest-ai-rooms::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

.latest-ai-rooms::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.latest-ai-rooms button {
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  color: #999;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  outline: none;
  white-space: nowrap;
  animation: fade-in 0.3s ease-in;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.latest-ai-rooms button:hover {
  color: #333;
}

.latest-ai-rooms button.selected {
  background-color: rgba(32, 33, 36, 0.059);
  color: #333;
}

.icon-button-tiny {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 0%;
  border: 0;
  border-radius: 50%;
  box-sizing: border-box !important;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  fill: rgba(0, 0, 0, 0.54);
  flex-shrink: 0;
  float: left;
  outline: none;
  overflow: hidden;
  position: relative;
  stroke: rgba(0, 0, 0, 0.54);
  text-align: center;
  transition: background-size 0.13s;
  vertical-align: top;
  -webkit-tap-highlight-color: transparent;
}

.icon-button-tiny svg {
  height: 10px;
  width: 10px;
}

.clock-icon-button {
  padding: 5px !important;
}

.clock-icon-button svg {
  height: 28px !important;
  width: 28px !important;
}

.listening-container {
  align-items: center;
  animation: zoom-in-from-far 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  min-height: 200px;
  width: 100%;
}

.listening-timer-display {
  color: #666;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
}

.listening-waveform-wrapper {
  background: rgba(0, 0, 0, 0.02);
  box-shadow:
    0 7px 23px rgba(46, 182, 125, 0.2),
    0 1px 16px rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(46, 182, 125, 0.5);
  border-radius: 35px;
  height: 60px;
  max-width: 800px;
  min-width: 300px;
  overflow: hidden;
  position: relative;
  width: 90%;
}

.listening-waveform-canvas {
  background: #f9f9f9;
  box-shadow:
    0 2px 6px rgba(46, 182, 125, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.1);
  display: block;
  height: 100%;
  width: 100%;
}

.listening-controls-bottom {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.listening-stop-btn {
  align-items: center;
  background: #e53935;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  transition: all 0.2s ease;
  width: 48px;
}

.listening-stop-btn:hover {
  background: #b71c1c;
  transform: scale(1.05);
}

.listening-stop-btn:active {
  transform: scale(0.95);
}

.listening-pause-btn {
  align-items: center;
  background: #727272;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  transition: all 0.2s ease;
  width: 48px;
}

.listening-pause-btn:hover {
  background: #444;
  transform: scale(1.05);
}

.listening-pause-btn:active {
  transform: scale(0.95);
}

.listening-pause-btn--paused {
  background: #2eb67d;
}

.listening-pause-btn--paused:hover {
  background: #25a06c;
}

.ambient-scribe-template-selector {
  height: 40vh;
  width: 100%;
  transition:
    height 0.5s ease-out,
    margin-bottom 0.5s ease-out;
}
.ambient-scribe-template-selector.template-selected {
  margin-bottom: 28px;
  height: 80px;
}

.ambient-scribe-template-selector h4 {
  transition:
    font-size 0.2s ease-out,
    transform 0.2s ease-out,
    margin 0.2s ease-out;
}

.ambient-scribe-template-selector.template-selected h4 {
  transform: translateX(0);
}

.simple-speech-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.history-matching-toggle-expander .expander-div h4 {
  color: #637282;
  font-size: 13px;
  font-weight: 400;
}

.history-matching-toggle-expander .expander-span {
  border-top-color: #919ca7;
}

.simple-speech-visualizer-holder {
  flex: 1;
}

.simple-speech-visualizer-holder > * {
  animation: zoom-in-from-far 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.live-ambient-transcript {
  padding: 8px;
  width: 100%;
}

.live-ambient-transcript__text {
  color: #637282;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.live-ambient-transcript__partial {
  background-color: #fffde7;
  border-radius: 2px;
  font-style: italic;
  padding: 0 2px;
}

.transcription-progress {
  max-width: 260px;
  width: 100%;
}

.transcription-stage-label {
  font-size: 12px;
  margin-top: 6px;
}

@media (max-width: 768px) {
  .mouth-ui-section {
    display: none;
  }
}

.ai-summary-box {
  border: 2px solid #a0b4cc;
  border-radius: 12px;
  margin-bottom: 24px;
  max-width: 800px;
  overflow: hidden;
}

.ai-summary-header {
  align-items: center;
  background-color: #edf2fa;
  color: #333;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  justify-content: space-between;
  line-height: 14px;
  padding: 8px 12px;
  user-select: none;
}

.ai-summary-chevron::after {
  content: '›';
}

.ai-summary-chevron {
  font-size: 18px;
  transform: rotate(0deg);
  transition: transform 0.2s;
}

.ai-summary-chevron.expanded {
  transform: rotate(90deg);
}

.ai-summary-content {
  height: 252px;
  overflow-y: auto;
  padding: 8px 12px;
}

.ai-summary-body {
  color: #333;
  font-size: 12px;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
}

.ai-summary-body ul {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 20px;
}

.wide-dropdown {
  min-width: 350px;
}

.ai-disclaimer {
  color: #d4d4d4;
  font-size: 10px;
  text-align: center;
}

.assistant-chat .ai-disclaimer {
  margin-bottom: 8px;
  margin-left: 16px;
  margin-right: 16px;
}

.open-journal-entry-link {
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 150ms ease-in,
    transform 150ms ease-in,
    visibility 150ms ease-in;
  visibility: hidden;
}
.open-journal-entry-link--visible {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.ambient-scribe-container ~ .ai-disclaimer {
  margin-bottom: 8px;
  margin-left: 28px;
  margin-right: 28px;
}
.observations-quality-badge {
  background: #e8f0fe;
  border-radius: 4px;
  color: #5897fb;
  font-size: 12px;
  margin-bottom: 3px;
  margin-top: auto;
  padding: 2px 8px;
}
.observations-type-header {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-bottom: 6px;
}
.observations-count-badge {
  background: #f5f5f5;
  border-radius: 10px;
  color: #637282;
  font-size: 11px;
  margin-bottom: 4px;
  margin-top: auto;
  min-width: 18px;
  padding: 1px 6px;
  text-align: center;
}
.observations-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 26px;
}
.observation-card {
  background: #f9f9f9;
  border-left: 3px solid #5897fb;
  border-radius: 4px;
  padding: 8px 12px;
}
.observation-subtype {
  color: #637282;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.observation-body {
  font-size: 13px;
  line-height: 1.4;
}
.source-quote {
  border-left: 2px solid #e0e0e0;
  padding-left: 8px;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow:
    inset 0 1px 1px #f0f0f0,
    0 3px 6px -5px #bbb;
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connects {
  border-radius: 3px;
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ebebeb,
    0 3px 6px -3px #bbb;
  cursor: default;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-connect {
  background: #3fb8af;
}
.noUi-active {
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ddd,
    0 3px 6px -3px #bbb;
}
.noUi-handle:before,
.noUi-handle:after {
  content: '';
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}