.croppr-container *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.croppr-container img{vertical-align:middle;max-width:100%}.croppr{position:relative;display:inline-block}.croppr-handle,.croppr-imageClipped,.croppr-overlay,.croppr-region{position:absolute;top:0}.croppr-overlay{background:rgba(0,0,0,.5);right:0;bottom:0;left:0;z-index:1;cursor:crosshair}.croppr-region{border:1px dashed rgba(0,0,0,.5);z-index:3;cursor:move}.croppr-imageClipped{right:0;bottom:0;left:0;z-index:2;pointer-events:none}.croppr-handle{border:1px solid #000;background-color:#fff;width:10px;height:10px;z-index:4}
.vue-tooltip{background-color:#000;box-sizing:border-box;color:#fff;max-width:320px;padding:6px 10px;border-radius:3px;z-index:100;box-shadow:2px 2px 3px rgba(0,0,0,.4)}.vue-tooltip.vue-tooltip-hidden{transform:translateX(-100000px)!important}.vue-tooltip .vue-tooltip-content{text-align:center}.vue-tooltip .tooltip-arrow{content:"";width:0;height:0;border-style:solid;position:absolute;margin:5px}.vue-tooltip[x-out-of-boundaries]{display:none}.vue-tooltip[x-placement^=bottom]{margin-top:5px}.vue-tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-bottom-color:#000;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;top:-5px;margin-top:0;margin-bottom:0}.vue-tooltip[x-placement^=top]{margin-bottom:5px}.vue-tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-top-color:#000;border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;bottom:-5px;margin-top:0;margin-bottom:0}.vue-tooltip[x-placement^=right]{margin-left:5px}.vue-tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-right-color:#000;border-top-color:transparent!important;border-left-color:transparent!important;border-bottom-color:transparent!important;left:-5px;margin-left:0;margin-right:0}.vue-tooltip[x-placement^=left]{margin-right:5px}.vue-tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-left-color:#000;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;margin-left:0;margin-right:0}
.tippy-tooltip[data-animation=fade][data-state=hidden]{opacity:0}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{pointer-events:none;max-width:calc(100vw - 10px);transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-property:transform}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;background-color:#333;transition-property:visibility,opacity,transform;outline:0}.tippy-tooltip[data-placement^=top]>.tippy-arrow{border-width:8px 8px 0;border-top-color:#333;margin:0 3px;transform-origin:50% 0;bottom:-7px}.tippy-tooltip[data-placement^=bottom]>.tippy-arrow{border-width:0 8px 8px;border-bottom-color:#333;margin:0 3px;transform-origin:50% 7px;top:-7px}.tippy-tooltip[data-placement^=left]>.tippy-arrow{border-width:8px 0 8px 8px;border-left-color:#333;margin:3px 0;transform-origin:0 50%;right:-7px}.tippy-tooltip[data-placement^=right]>.tippy-arrow{border-width:8px 8px 8px 0;border-right-color:#333;margin:3px 0;transform-origin:7px 50%;left:-7px}.tippy-tooltip[data-interactive][data-state=visible]{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{position:absolute;border-color:transparent;border-style:solid}.tippy-content{padding:5px 9px}
/*!
 * Keen UI v1.0.1 (https://github.com/JosephusPaye/keen-ui)
 * (c) 2021 Josephus Paye II
 * Released under the MIT License.
 */

.ui-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
  line-height: 1.4;
  margin-bottom: 1rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: margin-bottom 0.3s;
  transition: margin-bottom 0.3s;
  width: 100%;
}
.ui-alert a {
    text-decoration: none;
}
.ui-alert a:hover, .ui-alert a:focus {
      text-decoration: underline;
}
.ui-alert__icon {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
}
.ui-alert__body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  -webkit-transition: opacity 0.3s, margin-top 0.4s;
  transition: opacity 0.3s, margin-top 0.4s;
  width: 100%;
}
.ui-alert__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-alert__dismiss-button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: -0.25rem;
  margin-left: 0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.25rem;
}
.ui-alert--type-info .ui-alert__body {
  background-color: rgba(33, 150, 243, 0.12);
}
.ui-alert--type-info .ui-alert__icon {
  color: #2196f3;
}
.ui-alert--type-info a {
  color: #2196f3;
}
.ui-alert--type-success .ui-alert__body {
  background-color: rgba(76, 175, 80, 0.12);
}
.ui-alert--type-success .ui-alert__icon {
  color: #4caf50;
}
.ui-alert--type-success a {
  color: #4caf50;
}
.ui-alert--type-warning .ui-alert__body {
  background-color: rgba(255, 152, 0, 0.12);
}
.ui-alert--type-warning .ui-alert__icon {
  color: #ff9800;
}
.ui-alert--type-warning a {
  color: #ff9800;
}
.ui-alert--type-error .ui-alert__body {
  background-color: rgba(244, 67, 54, 0.12);
}
.ui-alert--type-error .ui-alert__icon {
  color: #f44336;
}
.ui-alert--type-error a {
  color: #f44336;
}
.ui-alert--transition-toggle-enter,
.ui-alert--transition-toggle-leave-active {
  margin-bottom: 0;
}
.ui-alert--transition-toggle-enter .ui-alert__body,
  .ui-alert--transition-toggle-leave-active .ui-alert__body {
    margin-top: -3.5rem;
    opacity: 0;
}

.ui-close-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  background: none;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.ui-close-button::-moz-focus-inner {
    border: 0;
}
.ui-close-button:hover:not(.is-disabled) {
    background-color: rgba(0, 0, 0, 0.1);
}
body[modality="keyboard"] .ui-close-button:focus .ui-close-button__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-close-button.is-disabled {
    cursor: default;
    opacity: 0.6;
}
.ui-close-button__icon {
  position: relative;
  width: 100%;
  z-index: 1;
}
.ui-close-button__focus-ring {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-close-button--size-small,
.ui-close-button--size-small .ui-close-button__focus-ring {
  height: 2rem;
  width: 2rem;
}
.ui-close-button--size-small .ui-icon {
  font-size: 1.125rem;
}
.ui-close-button--size-normal,
.ui-close-button--size-normal .ui-close-button__focus-ring {
  height: 2.25rem;
  width: 2.25rem;
}
.ui-close-button--size-normal .ui-icon {
  font-size: 1.25rem;
}
.ui-close-button--size-large,
.ui-close-button--size-large .ui-close-button__focus-ring {
  height: 3rem;
  width: 3rem;
}
.ui-close-button--size-large .ui-icon {
  font-size: 1.5rem;
}
body[modality="keyboard"] .ui-close-button--color-black:focus .ui-close-button__icon, .ui-close-button--color-black:hover:not(.is-disabled) .ui-close-button__icon {
  color: rgba(0, 0, 0, 0.87);
}
.ui-close-button--color-black .ui-close-button__icon {
  color: rgba(0, 0, 0, 0.38);
}
body[modality="keyboard"] .ui-close-button--color-white:focus .ui-close-button__icon, .ui-close-button--color-white:hover:not(.is-disabled) .ui-close-button__icon {
  color: white;
}
.ui-close-button--color-white .ui-close-button__icon {
  color: rgba(0, 0, 0, 0.54);
}

.ui-icon {
  cursor: inherit;
  display: inline-block;
  font-size: 1.5rem;
  height: 1em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  width: 1em;
}
.ui-icon svg {
    display: block;
    fill: currentColor;
    height: 1em;
    margin: 0;
    padding: 0;
    width: 1em;
}

.ui-ripple-ink {
  border-radius: inherit;
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.ui-ripple-ink__ink {
  background-clip: padding-box;
  background-color: currentColor;
  border-radius: 50%;
  height: 0;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 0;
}
.ui-ripple-ink__ink.is-held {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-ripple-ink__ink.is-done {
    opacity: 0 !important;
}

.ui-autocomplete {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 1rem;
  position: relative;
}
.ui-autocomplete:hover:not(.is-disabled) .ui-autocomplete__label-text {
    color: rgba(0, 0, 0, 0.75);
}
.ui-autocomplete:hover:not(.is-disabled) .ui-autocomplete__input {
    border-bottom-color: rgba(0, 0, 0, 0.3);
}
.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__label-text,
  .ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__icon-wrapper .ui-icon {
    color: #2196f3;
}
.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__input {
    border-bottom-color: #2196f3;
    border-bottom-width: 2px;
}
.ui-autocomplete.has-floating-label .ui-autocomplete__label-text {
    display: table;
}
.ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-inline {
      color: rgba(0, 0, 0, 0.54);
      cursor: text;
      -webkit-transform: translateY(1.625rem) scale(1.1);
              transform: translateY(1.625rem) scale(1.1);
}
.ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-floating {
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
}
.ui-autocomplete.has-label .ui-autocomplete__icon-wrapper {
    padding-top: 1.5rem;
}
.ui-autocomplete.has-label .ui-autocomplete__clear-button {
    top: 1.6875rem;
}
.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__label-text,
  .ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__icon-wrapper .ui-icon {
    color: #f44336;
}
.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__input {
    border-bottom-color: #f44336;
}
.ui-autocomplete.is-invalid:not(.is-disabled) .ui-autocomplete__feedback {
    color: #f44336;
}
.ui-autocomplete.is-disabled .ui-autocomplete__input {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    color: rgba(0, 0, 0, 0.38);
}
.ui-autocomplete.is-disabled .ui-autocomplete__icon-wrapper .ui-icon {
    opacity: 0.6;
}
.ui-autocomplete.is-disabled .ui-autocomplete__feedback {
    opacity: 0.8;
}
.ui-autocomplete__label {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.ui-autocomplete__icon-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  padding-top: 0.25rem;
}
.ui-autocomplete__icon-wrapper .ui-icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-autocomplete__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-autocomplete__label-text {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 0.9375rem;
  line-height: normal;
  margin-bottom: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-autocomplete__input {
  background: none;
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.87);
  cursor: auto;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  height: 2rem;
  outline: none;
  padding: 0;
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  width: 100%;
}
.ui-autocomplete__input::-ms-clear {
    display: none;
}
.ui-autocomplete__clear-button {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  font-size: 1.125rem;
  position: absolute;
  right: 0;
  top: 0.4375rem;
}
.ui-autocomplete__clear-button:hover {
    color: rgba(0, 0, 0, 0.87);
}
.ui-autocomplete__suggestions {
  background-color: white;
  box-shadow: 1px 2px 8px #757575;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  list-style-type: none;
  margin: 0;
  margin-bottom: 0.5rem;
  min-width: 100%;
  padding: 0;
  position: absolute;
  z-index: 60;
}
.ui-autocomplete__suggestions.has-popover {
    margin: 0 0 0 0;
    max-height: 200px;
    overflow: auto;
    min-width: 200px;
    position: relative;
    box-shadow: none;
}
.ui-autocomplete__feedback {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0.25rem;
  position: relative;
}
.ui-autocomplete--icon-position-right .ui-autocomplete__icon-wrapper {
  margin-left: 0.5rem;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ui-autocomplete-suggestion {
  cursor: pointer;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
  padding: 0.5rem 0.75rem;
}
.ui-autocomplete-suggestion:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
.ui-autocomplete-suggestion.is-highlighted {
    background-color: rgba(0, 0, 0, 0.1);
}
.ui-autocomplete-suggestion.is-active {
    color: red;
}
.ui-autocomplete-suggestion__image {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-autocomplete-suggestion__image-object {
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  height: 2rem;
  margin-right: 0.75rem;
  width: 2rem;
}

.ui-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border-radius: 0.125rem;
  border: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1;
  min-width: 5rem;
  outline: none;
  overflow: hidden;
  padding: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  text-transform: uppercase;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.ui-button::-moz-focus-inner {
    border: 0;
}
.ui-button.has-focus-ring:focus .ui-button__focus-ring,
  body[modality="keyboard"] .ui-button:focus .ui-button__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-button.is-raised {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
}
.ui-button.is-raised.has-focus-ring:focus,
    body[modality="keyboard"] .ui-button.is-raised:focus {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.3);
}
.ui-button.is-loading .ui-button__content {
    opacity: 0;
}
.ui-button.is-disabled {
    cursor: default;
    opacity: 0.6;
}
.ui-button__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.ui-button__icon {
  margin-left: -0.25rem;
  margin-right: 0.375rem;
  margin-top: -0.125rem;
}
.ui-button__dropdown-icon {
  font-size: 1.125rem;
  margin-left: 0.125rem;
  margin-right: -0.375rem;
}
.ui-button__focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-progress-circular.ui-button__progress {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ui-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui-button--icon-position-right .ui-button__icon {
  margin-left: 0.375rem;
  margin-right: -0.25rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ui-button--size-small {
  font-size: 0.875rem;
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.ui-button--size-small .ui-button__icon {
    margin-left: 0;
    margin-top: 0;
}
.ui-button--size-small .ui-button__icon .ui-icon {
      font-size: 1.125rem;
}
.ui-button--size-small .ui-button__dropdown-icon {
    margin-right: -0.25rem;
}
.ui-button--size-small.ui-button--icon-position-right .ui-button__icon {
    margin-left: 0.375rem;
    margin-right: 0;
}
.ui-button--size-large {
  font-size: 1rem;
  height: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ui-button--size-large .ui-button__icon {
    margin-left: -0.25rem;
    margin-right: 0.5rem;
}
.ui-button--size-large .ui-button__dropdown-icon {
    font-size: 1.5rem;
    margin-left: 0.25rem;
}
.ui-button--size-large.ui-button--icon-position-right .ui-button__icon {
    margin-left: 0.5rem;
    margin-right: -0.25rem;
}
.ui-button--type-primary.ui-button--color-default {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.ui-button--type-primary.ui-button--color-default:hover:not(.is-disabled), .ui-button--type-primary.ui-button--color-default.has-dropdown-open, .ui-button--type-primary.ui-button--color-default.has-focus-ring:focus,
  body[modality="keyboard"] .ui-button--type-primary.ui-button--color-default:focus {
    background-color: #dbdbdb;
}
.ui-button--type-primary.ui-button--color-default .ui-ripple-ink__ink {
    opacity: 0.2;
}
.ui-button--type-primary.ui-button--color-default .ui-button__icon,
  .ui-button--type-primary.ui-button--color-default .ui-button__dropdown-icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-button--type-primary.ui-button--color-primary, .ui-button--type-primary.ui-button--color-accent, .ui-button--type-primary.ui-button--color-green, .ui-button--type-primary.ui-button--color-orange, .ui-button--type-primary.ui-button--color-red {
  color: white;
}
.ui-button--type-primary.ui-button--color-primary .ui-ripple-ink__ink, .ui-button--type-primary.ui-button--color-accent .ui-ripple-ink__ink, .ui-button--type-primary.ui-button--color-green .ui-ripple-ink__ink, .ui-button--type-primary.ui-button--color-orange .ui-ripple-ink__ink, .ui-button--type-primary.ui-button--color-red .ui-ripple-ink__ink {
    opacity: 0.4;
}
.ui-button--type-primary.ui-button--color-primary {
  background-color: #2196f3;
}
.ui-button--type-primary.ui-button--color-primary:hover:not(.is-disabled), .ui-button--type-primary.ui-button--color-primary.has-dropdown-open, .ui-button--type-primary.ui-button--color-primary.has-focus-ring:focus,
  body[modality="keyboard"] .ui-button--type-primary.ui-button--color-primary:focus {
    background-color: #0c7cd5;
}
.ui-button--type-primary.ui-button--color-accent {
  background-color: #d500f9;
}
.ui-button--type-primary.ui-button--color-accent:hover:not(.is-disabled), .ui-button--type-primary.ui-button--color-accent.has-dropdown-open, .ui-button--type-primary.ui-button--color-accent.has-focus-ring:focus,
  body[modality="keyboard"] .ui-button--type-primary.ui-button--color-accent:focus {
    background-color: #a900c6;
}
.ui-button--type-primary.ui-button--color-green {
  background-color: #4caf50;
}
.ui-button--type-primary.ui-button--color-green:hover:not(.is-disabled), .ui-button--type-primary.ui-button--color-green.has-dropdown-open, .ui-button--type-primary.ui-button--color-green.has-focus-ring:focus,
  body[modality="keyboard"] .ui-button--type-primary.ui-button--color-green:focus {
    background-color: #3d8b40;
}
.ui-button--type-primary.ui-button--color-orange {
  background-color: #ff9800;
}
.ui-button--type-primary.ui-button--color-orange:hover:not(.is-disabled), .ui-button--type-primary.ui-button--color-orange.has-dropdown-open, .ui-button--type-primary.ui-button--color-orange.has-focus-ring:focus,
  body[modality="keyboard"] .ui-button--type-primary.ui-button--color-orange:focus {
    background-color: #cc7a00;
}
.ui-button--type-primary.ui-button--color-red {
  background-color: #f44336;
}
.ui-button--type-primary.ui-button--color-red:hover:not(.is-disabled), .ui-button--type-primary.ui-button--color-red.has-dropdown-open, .ui-button--type-primary.ui-button--color-red.has-focus-ring:focus,
  body[modality="keyboard"] .ui-button--type-primary.ui-button--color-red:focus {
    background-color: #ea1c0d;
}
.ui-button--type-secondary {
  background-color: transparent;
}
.ui-button--type-secondary:hover:not(.is-disabled), .ui-button--type-secondary.has-dropdown-open, .ui-button--type-secondary.has-focus-ring:focus,
  body[modality="keyboard"] .ui-button--type-secondary:focus {
    background-color: #e6e6e6;
}
.ui-button--type-secondary.ui-button--color-default {
    color: rgba(0, 0, 0, 0.87);
}
.ui-button--type-secondary.ui-button--color-default .ui-button__icon {
      color: rgba(0, 0, 0, 0.54);
}
.ui-button--type-secondary.ui-button--color-primary {
    color: #2196f3;
}
.ui-button--type-secondary.ui-button--color-accent {
    color: #d500f9;
}
.ui-button--type-secondary.ui-button--color-green {
    color: #43a047;
}
.ui-button--type-secondary.ui-button--color-orange {
    color: #ff9800;
}
.ui-button--type-secondary.ui-button--color-red {
    color: #f44336;
}

.tippy-tooltip.custom-theme {
  background-color: none;
  padding-top: 0;
  height: 100%;
  background: none;
  -webkit-transform: none;
          transform: none;
}
.tippy-tooltip.custom-theme[data-animatefill] {
  background-color: transparent;
}
.tippy-tooltip.custom-theme .tippy-backdrop {
  background-color: none;
  background: none;
}
.ui-popover {
  background-color: white;
  outline: none;
}
.ui-popover.is-raised {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.ui-popover .ui-menu {
    border: none;
    max-height: 98vh;
}
.ui-popover__focus-redirector {
  opacity: 0;
  position: absolute;
}
.drop-element {
  display: none;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 60;
}
.drop-element, .drop-element:after, .drop-element:before,
  .drop-element *,
  .drop-element *:after,
  .drop-element *:before {
    box-sizing: border-box;
}
.drop-element.drop-open {
    display: block;
}
.drop-element.drop-after-open {
    opacity: 1;
}

.ui-progress-circular {
  position: relative;
}
.ui-progress-circular__determinate {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.ui-progress-circular__determinate-path {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.3s;
  transition: stroke-dashoffset 0.3s;
}
.ui-progress-circular__indeterminate {
  -webkit-animation: ui-progress-circular-rotate 0.7s linear infinite;
          animation: ui-progress-circular-rotate 0.7s linear infinite;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
}
.ui-progress-circular__indeterminate-path {
  stroke-dasharray: 89,200;
  stroke-dashoffset: -35px;
  stroke-linecap: round;
}
.ui-progress-circular--color-multi-color .ui-progress-circular__determinate-path {
  stroke: #2196f3;
}
.ui-progress-circular--color-multi-color .ui-progress-circular__indeterminate-path {
  -webkit-animation: ui-progress-circular-color 6s ease-in-out infinite;
          animation: ui-progress-circular-color 6s ease-in-out infinite;
}
.ui-progress-circular--color-primary .ui-progress-circular__determinate-path,
.ui-progress-circular--color-primary .ui-progress-circular__indeterminate-path {
  stroke: #2196f3;
}
.ui-progress-circular--color-accent .ui-progress-circular__determinate-path,
.ui-progress-circular--color-accent .ui-progress-circular__indeterminate-path {
  stroke: #d500f9;
}
.ui-progress-circular--color-black .ui-progress-circular__determinate-path,
.ui-progress-circular--color-black .ui-progress-circular__indeterminate-path {
  stroke: #212121;
}
.ui-progress-circular--color-white .ui-progress-circular__determinate-path,
.ui-progress-circular--color-white .ui-progress-circular__indeterminate-path {
  stroke: white;
}
.ui-progress-circular--transition-fade-enter-active,
.ui-progress-circular--transition-fade-leave-active {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui-progress-circular--transition-fade-enter,
.ui-progress-circular--transition-fade-leave-active {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@-webkit-keyframes ui-progress-circular-rotate {
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ui-progress-circular-rotate {
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes ui-progress-circular-color {
0%,
  100% {
    stroke: #f44336;
}
40% {
    stroke: #2196f3;
}
66% {
    stroke: #4caf50;
}
80%,
  90% {
    stroke: #ff9800;
}
}
@keyframes ui-progress-circular-color {
0%,
  100% {
    stroke: #f44336;
}
40% {
    stroke: #2196f3;
}
66% {
    stroke: #4caf50;
}
80%,
  90% {
    stroke: #ff9800;
}
}

.ui-calendar {
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ui-calendar__header {
  color: white;
  line-height: 1;
  padding: 1rem;
}
.ui-calendar__header-year,
.ui-calendar__header-details {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.ui-calendar__header-year:hover,
  body[modality="keyboard"] .ui-calendar__header-year:focus, .ui-calendar__header-year.is-active,
  .ui-calendar__header-details:hover,
  body[modality="keyboard"]
  .ui-calendar__header-details:focus,
  .ui-calendar__header-details.is-active {
    opacity: 1;
}
body[modality="keyboard"] .ui-calendar__header-year:focus, body[modality="keyboard"]
  .ui-calendar__header-details:focus {
    outline: 1px dotted white;
    outline-offset: 1px;
}
.ui-calendar__header-year {
  font-size: 0.9375rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.ui-calendar__header-details {
  font-size: 1.375rem;
}
.ui-calendar__body {
  height: 19.5rem;
  overflow: hidden;
  padding: 0.5rem;
  position: relative;
  width: 16.75rem;
}
.ui-calendar__years {
  height: 19.5rem;
  list-style: none;
  margin: -0.5rem;
  overflow-y: auto;
  padding: 0.5rem 0;
}
.ui-calendar__year {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  height: 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
}
.ui-calendar__year.is-selected {
    font-size: 1.5rem;
    font-weight: 500;
    height: 2.5rem;
}
.ui-calendar--orientation-landscape {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-calendar--orientation-landscape .ui-calendar__header {
    min-width: 8rem;
}
.ui-calendar--orientation-landscape .ui-calendar__header-date {
    margin-bottom: 0.75rem;
}
.ui-calendar--orientation-landscape .ui-calendar__header-date {
    display: block;
    padding-top: 0.25rem;
}
.ui-calendar--color-primary .ui-calendar__header {
  background-color: #2196f3;
}
.ui-calendar--color-primary .ui-calendar__year:hover,
body[modality="keyboard"] .ui-calendar--color-primary .ui-calendar__year:focus {
  color: #2196f3;
}
.ui-calendar--color-primary .ui-calendar__year.is-selected {
  color: #2196f3;
}
.ui-calendar--color-primary .ui-calendar-week__date.is-today {
  color: #2196f3;
}
.ui-calendar--color-primary .ui-calendar-week__date.is-selected,
body[modality="keyboard"] .ui-calendar--color-primary .ui-calendar-week__date.is-selected {
  background-color: #2196f3;
}
.ui-calendar--color-accent .ui-calendar__header {
  background-color: #d500f9;
}
.ui-calendar--color-accent .ui-calendar__year:hover,
body[modality="keyboard"] .ui-calendar--color-accent .ui-calendar__year:focus {
  color: #d500f9;
}
.ui-calendar--color-accent .ui-calendar__year.is-selected {
  color: #d500f9;
}
.ui-calendar--color-accent .ui-calendar-week__date.is-today {
  color: #d500f9;
}
.ui-calendar--color-accent .ui-calendar-week__date.is-selected,
body[modality="keyboard"] .ui-calendar--color-accent .ui-calendar-week__date.is-selected {
  background-color: #d500f9;
}

.ui-calendar-controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ui-calendar-controls__month-and-year {
  font-size: 0.9375rem;
}

.ui-icon-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.ui-icon-button,
  .ui-icon-button .ui-icon-button__focus-ring {
    height: 2.25rem;
    width: 2.25rem;
}
body[modality="keyboard"] .ui-icon-button:focus .ui-icon-button__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-icon-button::-moz-focus-inner {
    border: 0;
}
.ui-icon-button.is-loading .ui-icon-button__icon {
    opacity: 0;
}
.ui-icon-button.is-disabled {
    cursor: default;
    opacity: 0.6;
}
.ui-icon-button__icon {
  height: initial;
  opacity: 1;
  position: relative;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.ui-icon-button__focus-ring {
  border-radius: 50%;
  height: 2.25rem;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  width: 2.25rem;
}
.ui-progress-circular.ui-icon-button__progress {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ui-icon-button--size-small,
.ui-icon-button--size-small .ui-icon-button__focus-ring {
  height: 2rem;
  width: 2rem;
}
.ui-icon-button--size-small .ui-icon {
  font-size: 1.125rem;
}
.ui-icon-button--size-large,
.ui-icon-button--size-large .ui-icon-button__focus-ring {
  height: 3rem;
  width: 3rem;
}
.ui-icon-button--color-black,
.ui-icon-button--color-white {
  background-color: transparent;
}
.ui-icon-button--color-black:hover:not(.is-disabled), .ui-icon-button--color-black.has-dropdown-open,
  .ui-icon-button--color-white:hover:not(.is-disabled),
  .ui-icon-button--color-white.has-dropdown-open {
    background-color: rgba(0, 0, 0, 0.1);
}
.ui-icon-button--color-black .ui-icon-button__focus-ring,
  .ui-icon-button--color-white .ui-icon-button__focus-ring {
    background-color: rgba(0, 0, 0, 0.15);
}
.ui-icon-button--color-black {
  color: rgba(0, 0, 0, 0.54);
}
.ui-icon-button--color-black .ui-icon-button__icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-icon-button--color-white {
  color: rgba(0, 0, 0, 0.54);
}
.ui-icon-button--color-white .ui-icon-button__icon {
    color: white;
}
.ui-icon-button--type-primary.ui-icon-button--color-default {
  background-color: #eeeeee;
}
.ui-icon-button--type-primary.ui-icon-button--color-default:hover:not(.is-disabled), .ui-icon-button--type-primary.ui-icon-button--color-default.has-dropdown-open {
    background-color: #dbdbdb;
}
.ui-icon-button--type-primary.ui-icon-button--color-default .ui-icon-button__focus-ring {
    background-color: #c8c8c8;
}
.ui-icon-button--type-primary.ui-icon-button--color-default .ui-ripple-ink__ink {
    opacity: 0.2;
}
.ui-icon-button--type-primary.ui-icon-button--color-default .ui-icon-button__icon {
    color: rgba(0, 0, 0, 0.87);
}
.ui-icon-button--type-primary.ui-icon-button--color-primary, .ui-icon-button--type-primary.ui-icon-button--color-accent, .ui-icon-button--type-primary.ui-icon-button--color-green, .ui-icon-button--type-primary.ui-icon-button--color-orange, .ui-icon-button--type-primary.ui-icon-button--color-red {
  color: white;
}
.ui-icon-button--type-primary.ui-icon-button--color-primary .ui-ripple-ink__ink, .ui-icon-button--type-primary.ui-icon-button--color-accent .ui-ripple-ink__ink, .ui-icon-button--type-primary.ui-icon-button--color-green .ui-ripple-ink__ink, .ui-icon-button--type-primary.ui-icon-button--color-orange .ui-ripple-ink__ink, .ui-icon-button--type-primary.ui-icon-button--color-red .ui-ripple-ink__ink {
    opacity: 0.4;
}
.ui-icon-button--type-primary.ui-icon-button--color-primary {
  background-color: #2196f3;
}
.ui-icon-button--type-primary.ui-icon-button--color-primary:hover:not(.is-disabled), .ui-icon-button--type-primary.ui-icon-button--color-primary.has-dropdown-open {
    background-color: #0c7cd5;
}
.ui-icon-button--type-primary.ui-icon-button--color-primary .ui-icon-button__focus-ring {
    background-color: #0a6ebd;
}
.ui-icon-button--type-primary.ui-icon-button--color-accent {
  background-color: #d500f9;
}
.ui-icon-button--type-primary.ui-icon-button--color-accent:hover:not(.is-disabled), .ui-icon-button--type-primary.ui-icon-button--color-accent.has-dropdown-open {
    background-color: #a900c6;
}
.ui-icon-button--type-primary.ui-icon-button--color-accent .ui-icon-button__focus-ring {
    background-color: #9400ad;
}
.ui-icon-button--type-primary.ui-icon-button--color-green {
  background-color: #4caf50;
}
.ui-icon-button--type-primary.ui-icon-button--color-green:hover:not(.is-disabled), .ui-icon-button--type-primary.ui-icon-button--color-green.has-dropdown-open {
    background-color: #3d8b40;
}
.ui-icon-button--type-primary.ui-icon-button--color-green .ui-icon-button__focus-ring {
    background-color: #357a38;
}
.ui-icon-button--type-primary.ui-icon-button--color-orange {
  background-color: #ff9800;
}
.ui-icon-button--type-primary.ui-icon-button--color-orange:hover:not(.is-disabled), .ui-icon-button--type-primary.ui-icon-button--color-orange.has-dropdown-open {
    background-color: #cc7a00;
}
.ui-icon-button--type-primary.ui-icon-button--color-orange .ui-icon-button__focus-ring {
    background-color: #b36a00;
}
.ui-icon-button--type-primary.ui-icon-button--color-red {
  background-color: #f44336;
}
.ui-icon-button--type-primary.ui-icon-button--color-red:hover:not(.is-disabled), .ui-icon-button--type-primary.ui-icon-button--color-red.has-dropdown-open {
    background-color: #ea1c0d;
}
.ui-icon-button--type-primary.ui-icon-button--color-red .ui-icon-button__focus-ring {
    background-color: #d2190b;
}
.ui-icon-button--type-secondary.ui-icon-button--color-default {
  color: rgba(0, 0, 0, 0.87);
}
.ui-icon-button--type-secondary.ui-icon-button--color-default .ui-icon-button__icon {
    color: rgba(0, 0, 0, 0.87);
}
.ui-icon-button--type-secondary.ui-icon-button--color-default:hover:not(.is-disabled), .ui-icon-button--type-secondary.ui-icon-button--color-default.has-dropdown-open, .ui-icon-button--type-secondary.ui-icon-button--color-primary:hover:not(.is-disabled), .ui-icon-button--type-secondary.ui-icon-button--color-primary.has-dropdown-open, .ui-icon-button--type-secondary.ui-icon-button--color-accent:hover:not(.is-disabled), .ui-icon-button--type-secondary.ui-icon-button--color-accent.has-dropdown-open, .ui-icon-button--type-secondary.ui-icon-button--color-green:hover:not(.is-disabled), .ui-icon-button--type-secondary.ui-icon-button--color-green.has-dropdown-open, .ui-icon-button--type-secondary.ui-icon-button--color-orange:hover:not(.is-disabled), .ui-icon-button--type-secondary.ui-icon-button--color-orange.has-dropdown-open, .ui-icon-button--type-secondary.ui-icon-button--color-red:hover:not(.is-disabled), .ui-icon-button--type-secondary.ui-icon-button--color-red.has-dropdown-open {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui-icon-button--type-secondary.ui-icon-button--color-default .ui-icon-button__focus-ring, .ui-icon-button--type-secondary.ui-icon-button--color-primary .ui-icon-button__focus-ring, .ui-icon-button--type-secondary.ui-icon-button--color-accent .ui-icon-button__focus-ring, .ui-icon-button--type-secondary.ui-icon-button--color-green .ui-icon-button__focus-ring, .ui-icon-button--type-secondary.ui-icon-button--color-orange .ui-icon-button__focus-ring, .ui-icon-button--type-secondary.ui-icon-button--color-red .ui-icon-button__focus-ring {
  background-color: rgba(0, 0, 0, 0.15);
}
.ui-icon-button--type-secondary.ui-icon-button--color-primary {
  color: #2196f3;
}
.ui-icon-button--type-secondary.ui-icon-button--color-primary .ui-icon-button__icon {
    color: #2196f3;
}
.ui-icon-button--type-secondary.ui-icon-button--color-accent {
  color: #d500f9;
}
.ui-icon-button--type-secondary.ui-icon-button--color-accent .ui-icon-button__icon {
    color: #d500f9;
}
.ui-icon-button--type-secondary.ui-icon-button--color-green {
  color: #43a047;
}
.ui-icon-button--type-secondary.ui-icon-button--color-green .ui-icon-button__icon {
    color: #43a047;
}
.ui-icon-button--type-secondary.ui-icon-button--color-orange {
  color: #ff9800;
}
.ui-icon-button--type-secondary.ui-icon-button--color-orange .ui-icon-button__icon {
    color: #ff9800;
}
.ui-icon-button--type-secondary.ui-icon-button--color-red {
  color: #f44336;
}
.ui-icon-button--type-secondary.ui-icon-button--color-red .ui-icon-button__icon {
    color: #f44336;
}

.ui-calendar-month {
  height: 16rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ui-calendar-month__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}
.ui-calendar-month__header span {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(0, 0, 0, 0.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.875rem;
    height: 2.25rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-transform: uppercase;
    width: 2.25rem;
}
.ui-calendar-month__week {
  position: absolute;
  width: 15.75rem;
}
.ui-calendar-month__week.is-current {
    left: 0;
}
.ui-calendar-month__week.is-other {
    left: 15.75rem;
}
.ui-calendar-month__week.is-other.ui-calendar-month--slide-right {
      left: -15.75rem;
}
.ui-calendar-month__week.is-sliding {
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease;
}
.ui-calendar-month__week.is-sliding.ui-calendar-month--slide-left {
      -webkit-transform: translate3d(-15.75rem, 0, 0);
              transform: translate3d(-15.75rem, 0, 0);
}
.ui-calendar-month__week.is-sliding.ui-calendar-month--slide-right {
      -webkit-transform: translate3d(15.75rem, 0, 0);
              transform: translate3d(15.75rem, 0, 0);
}

.ui-calendar-week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  width: 100%;
}
.ui-calendar-week__date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  text-align: center;
  width: 2.25rem;
}
.ui-calendar-week__date:hover,
  body[modality="keyboard"] .ui-calendar-week__date:focus {
    background-color: rgba(0, 0, 0, 0.1);
}
.ui-calendar-week__date.is-in-other-month {
    visibility: hidden;
}
.ui-calendar-week__date.is-today {
    font-weight: bold;
}
.ui-calendar-week__date.is-today.is-selected {
      color: white;
}
.ui-calendar-week__date.is-selected {
    color: white;
}
.ui-calendar-week__date.is-disabled {
    background-color: transparent;
    cursor: default;
    opacity: 0.4;
}

.ui-checkbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  margin: 0;
  margin-bottom: 0.5rem;
  position: relative;
}
.ui-checkbox:not(.is-disabled):not(.is-checked):hover .ui-checkbox__checkmark::before, .ui-checkbox:not(.is-disabled):not(.is-checked).is-active .ui-checkbox__checkmark::before {
    border-color: rgba(0, 0, 0, 0.6);
}
.ui-checkbox.is-checked .ui-checkbox__checkmark::after {
    border-bottom: 0.125rem solid white;
    border-right: 0.125rem solid white;
    opacity: 1;
}
.ui-checkbox.is-disabled .ui-checkbox__checkmark,
  .ui-checkbox.is-disabled .ui-checkbox__label-text {
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
}
.ui-checkbox.is-disabled .ui-checkbox__checkmark::before {
    border-color: rgba(0, 0, 0, 0.26);
}
.ui-checkbox.is-disabled.is-checked .ui-checkbox__checkmark::before {
    background-color: rgba(0, 0, 0, 0.26);
    border: none;
}
.ui-checkbox__label-text {
  cursor: pointer;
  font-size: 1rem;
  margin-left: 0.5rem;
}
.ui-checkbox__checkmark {
  background-color: white;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.25rem;
  position: relative;
  width: 1.25rem;
}
.ui-checkbox__checkmark::before {
    border-radius: 0.125rem;
    border: 0.125rem solid rgba(0, 0, 0, 0.38);
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
}
.ui-checkbox__checkmark::after {
    bottom: 0.3125rem;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 0.8125rem;
    left: 0.4375rem;
    opacity: 0;
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 0.375rem;
}
.ui-checkbox__input {
  position: absolute;
  opacity: 0;
}
body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .ui-checkbox__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-checkbox__focus-ring {
  border-radius: 50%;
  height: 2.625rem;
  margin-left: -0.6875rem;
  margin-top: -0.6875rem;
  opacity: 0;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  width: 2.625rem;
  background-color: rgba(0, 0, 0, 0.12);
}
.ui-checkbox--box-position-right .ui-checkbox__label-text {
  margin-left: 0;
  margin-right: auto;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.ui-checkbox--color-primary:not(.is-disabled).is-checked:hover .ui-checkbox__checkmark::before, .ui-checkbox--color-primary:not(.is-disabled).is-checked.is-active .ui-checkbox__checkmark::before {
  background-color: #0d8aee;
  border-color: #0d8aee;
}
.ui-checkbox--color-primary.is-checked .ui-checkbox__checkmark::before {
  background-color: #2196f3;
  border-color: #2196f3;
}
.ui-checkbox--color-primary.is-checked .ui-checkbox__focus-ring {
  background-color: rgba(33, 150, 243, 0.18);
}
.ui-checkbox--color-accent:not(.is-disabled).is-checked:hover .ui-checkbox__checkmark::before, .ui-checkbox--color-accent:not(.is-disabled).is-checked.is-active .ui-checkbox__checkmark::before {
  background-color: #bf00e0;
  border-color: #bf00e0;
}
.ui-checkbox--color-accent.is-checked .ui-checkbox__checkmark::before {
  background-color: #d500f9;
  border-color: #d500f9;
}
.ui-checkbox--color-accent.is-checked .ui-checkbox__focus-ring {
  background-color: rgba(213, 0, 249, 0.18);
}

.ui-checkbox-group {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: normal;
}
.ui-checkbox-group:not(.is-disabled):not(.is-invalid):hover .ui-checkbox-group__label-text {
    color: rgba(0, 0, 0, 0.75);
}
.ui-checkbox-group:not(.is-disabled):not(.is-invalid).is-active .ui-checkbox-group__label-text {
    color: #2196f3;
}
.ui-checkbox-group.is-vertical .ui-checkbox-group__checkboxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0.5rem;
}
.ui-checkbox-group.is-vertical .ui-checkbox-group__checkbox {
    margin-bottom: 0.75rem;
    margin-left: 0;
    width: 100%;
}
.ui-checkbox-group.is-invalid .ui-checkbox-group__label-text {
    color: #f44336;
}
.ui-checkbox-group.is-invalid .ui-checkbox-group__feedback {
    color: #f44336;
}
.ui-checkbox-group.is-disabled .ui-checkbox-group__feedback {
    opacity: 0.8;
}
.ui-checkbox-group__label-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.9375rem;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui-checkbox-group__checkboxes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2rem;
}
.ui-checkbox.ui-checkbox-group__checkbox {
  margin-bottom: 0;
  margin-left: 1.5rem;
}
.ui-checkbox.ui-checkbox-group__checkbox:first-child {
    margin-left: 0;
}
.ui-checkbox-group__feedback {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0rem;
  position: relative;
}
.ui-checkbox-group--box-position-right:not(.is-vertical) .ui-checkbox__label-text {
  margin-right: 0.5rem;
}

.ui-collapsible {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 0.5rem;
  width: 100%;
}
.ui-collapsible:not(.is-disabled) .ui-collapsible__header:hover,
  body[modality="keyboard"] .ui-collapsible:not(.is-disabled) .ui-collapsible__header:focus {
    background-color: #e0e0e0;
}
.ui-collapsible.is-open .ui-collapsible__header-icon {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.ui-collapsible.is-disabled .ui-collapsible__header {
    cursor: default;
    opacity: 0.6;
}
.ui-collapsible.is-disabled .ui-collapsible__header-icon {
    cursor: default;
}
.ui-collapsible__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eeeeee;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin: 0;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  position: relative;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  width: 100%;
}
.ui-collapsible__header .ui-ripple-ink__ink {
    opacity: 0.1;
}
.ui-collapsible__header-content {
  padding-right: 0.5rem;
}
.ui-collapsible__header-icon {
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  margin-left: auto;
  margin-right: -0.25rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui-collapsible__body-wrapper {
  height: initial;
  overflow: hidden;
}
.ui-collapsible__body {
  border-top: 0;
  border: 1px solid #eeeeee;
  display: block;
  padding: 1rem;
  width: 100%;
}
.ui-collapsible--transition-toggle-enter-active,
.ui-collapsible--transition-toggle-leave-active {
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.ui-collapsible--transition-toggle-enter,
.ui-collapsible--transition-toggle-leave-active {
  height: 0 !important;
}

.ui-confirm__message {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
}
.ui-confirm__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ui-modal {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875rem;
}
.ui-modal.has-footer .ui-modal__body {
    max-height: calc( 100vh - 7.875rem);
}
.ui-modal:not(.has-footer) .ui-modal__body {
    padding: 1rem 1.5rem 1.5rem;
}
.ui-modal--is-open {
  overflow: hidden;
}
.ui-modal__mask {
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 50;
}
.ui-modal__wrapper {
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
}
.ui-modal__wrapper.has-dummy-scrollbar {
    overflow-y: scroll;
}
.ui-modal__container {
  background-color: white;
  border-radius: 0.125rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  margin: 0 auto;
  max-height: 100vh;
  max-width: 100vw;
  outline: none;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 33rem;
}
.ui-modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}
.ui-modal__header-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 0;
}
.ui-modal__close-button {
  margin-left: auto;
  margin-right: -0.5rem;
}
.ui-modal__body {
  max-height: calc(100vh - 3.5rem);
  overflow-y: auto;
  padding: 1rem 1.5rem;
}
.ui-modal__body.scroll-x {
    overflow-x: auto;
}
.ui-modal__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.375rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 1.5rem;
}
.ui-modal__footer .ui-button {
    margin-left: 0.5rem;
}
.ui-modal__footer .ui-button:first-child {
      margin-left: 0;
}
.strip-loader {
  min-height: 3.25px;
}
.ui-modal--size-large .ui-modal__container {
  width: 53rem;
}
.ui-modal--size-small .ui-modal__container {
  width: 20rem;
}
.ui-modal--transition-fade-enter,
.ui-modal--transition-fade-leave-active {
  opacity: 0;
}
.ui-modal--transition-scale-enter,
.ui-modal--transition-scale-leave-active {
  opacity: 0;
}
.ui-modal--transition-scale-enter .ui-modal__container,
  .ui-modal--transition-scale-leave-active .ui-modal__container {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.ui-modal {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875rem;
}
.ui-modal.has-footer .ui-modal__body {
    max-height: calc(100vh - 7.875rem);
}
.ui-modal:not(.has-footer) .ui-modal__body {
    padding: 1rem 1.5rem 1.5rem;
}
.ui-modal--is-open {
  overflow: hidden;
}
.ui-modal__mask {
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 50;
}
.ui-modal__wrapper {
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
}
.ui-modal__wrapper.has-dummy-scrollbar {
    overflow-y: scroll;
}
.ui-modal__container {
  background-color: white;
  border-radius: 0.125rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  margin: 0 auto;
  max-height: 100vh;
  max-width: 100vw;
  outline: none;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 33rem;
}
.ui-modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F5F5F5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}
.ui-modal__header-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 0;
}
.ui-modal__close-button {
  margin-left: auto;
  margin-right: -0.5rem;
}
.ui-modal__body {
  max-height: calc(100vh - 3.5rem);
  overflow-y: auto;
  padding: 1rem 1.5rem;
}
.ui-modal__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.375rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 1.5rem;
}
.ui-modal__footer .ui-button {
    margin-left: 0.5rem;
}
.ui-modal__footer .ui-button:first-child {
      margin-left: 0;
}
.ui-modal--size-large .ui-modal__container {
  width: 53rem;
}
.ui-modal--size-small .ui-modal__container {
  width: 20rem;
}
.ui-modal--transition-fade-enter,
.ui-modal--transition-fade-leave-active {
  opacity: 0;
}
.ui-modal--transition-scale-enter,
.ui-modal--transition-scale-leave-active {
  opacity: 0;
}
.ui-modal--transition-scale-enter .ui-modal__container,
  .ui-modal--transition-scale-leave-active .ui-modal__container {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.ui-datepicker {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 1rem;
  outline: none;
  position: relative;
}
.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__label-text {
    color: rgba(0, 0, 0, 0.75);
}
.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__display {
    border-bottom-color: rgba(0, 0, 0, 0.3);
}
.ui-datepicker:hover:not(.is-disabled) .ui-datepicker__dropdown-button {
    color: rgba(0, 0, 0, 0.87);
}
.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__label-text,
  .ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__icon-wrapper .ui-icon {
    color: #2196f3;
}
.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__display {
    border-bottom-color: #2196f3;
    border-bottom-width: 2px;
}
.ui-datepicker.has-floating-label .ui-datepicker__label-text {
    display: table;
}
.ui-datepicker.has-floating-label .ui-datepicker__label-text.is-inline {
      color: rgba(0, 0, 0, 0.54);
      cursor: pointer;
      -webkit-transform: translateY(1.625rem) scale(1.1);
              transform: translateY(1.625rem) scale(1.1);
}
.ui-datepicker.has-floating-label .ui-datepicker__label-text.is-floating {
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
}
.ui-datepicker.has-label .ui-datepicker__icon-wrapper {
    padding-top: 1.5rem;
}
.ui-datepicker.has-label .ui-datepicker__dropdown-button {
    top: 1.6875rem;
}
.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__label-text,
  .ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__icon-wrapper .ui-icon {
    color: #f44336;
}
.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__display {
    border-bottom-color: #f44336;
}
.ui-datepicker.is-invalid:not(.is-disabled) .ui-datepicker__feedback {
    color: #f44336;
}
.ui-datepicker.is-disabled .ui-datepicker__display {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
}
.ui-datepicker.is-disabled .ui-datepicker__dropdown-button,
  .ui-datepicker.is-disabled .ui-datepicker__display-value.is-placeholder {
    color: rgba(0, 0, 0, 0.38);
    opacity: 0.6;
}
.ui-datepicker.is-disabled .ui-datepicker__icon-wrapper .ui-icon {
    opacity: 0.6;
}
.ui-datepicker.is-disabled .ui-datepicker__feedback {
    opacity: 0.8;
}
.ui-datepicker .ui-modal:not(.has-footer) .ui-modal__body {
    padding: 0;
}
.ui-datepicker .ui-modal:not(.has-footer) .ui-modal__body .ui-calendar__body {
      height: 21.75rem;
}
.ui-datepicker .ui-modal__container {
    width: 16.75rem;
}
.ui-datepicker__label {
  display: block;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.ui-datepicker__icon-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  padding-top: 0.25rem;
}
.ui-datepicker__icon-wrapper .ui-icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-datepicker__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-datepicker__label-text {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 0.9375rem;
  line-height: normal;
  margin-bottom: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-datepicker__display {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  height: 2rem;
  line-height: 1;
  padding: 0;
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.ui-datepicker__display-value {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-datepicker__display-value.is-placeholder {
    color: rgba(0, 0, 0, 0.38);
}
.ui-datepicker__dropdown-button {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1.125rem;
  margin-left: auto;
  margin-right: -0.25rem;
}
.ui-datepicker__feedback {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0.25rem;
  position: relative;
}
.ui-datepicker__modal-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ui-datepicker__modal-buttons .ui-button {
    min-width: 4rem;
}
.ui-datepicker--icon-position-right .ui-datepicker__icon-wrapper {
  margin-left: 0.5rem;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ui-datepicker--orientation-landscape .ui-modal__container {
  width: 24.75rem;
}

.ui-fab {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  position: relative;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  z-index: 30;
}
.ui-fab::-moz-focus-inner {
    border: 0;
}
.ui-fab:hover,
  body[modality="keyboard"] .ui-fab:focus {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
body[modality="keyboard"] .ui-fab:focus .ui-fab__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-fab .ui-ripple-ink {
    border-radius: 50%;
}
.ui-fab__icon {
  height: initial;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.ui-fab__focus-ring {
  border-radius: 50%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-fab--size-normal,
.ui-fab--size-normal .ui-fab__focus-ring {
  height: 3.5rem;
  width: 3.5rem;
}
.ui-fab--size-small,
.ui-fab--size-small .ui-fab__focus-ring {
  width: 2.5rem;
  height: 2.5rem;
}
.ui-fab--color-default {
  background-color: white;
  color: rgba(0, 0, 0, 0.54);
}
.ui-fab--color-default .ui-fab__icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-fab--color-default .ui-ripple-ink__ink {
    opacity: 0.2;
}
.ui-fab--color-default .ui-fab__focus-ring {
    background-color: rgba(0, 0, 0, 0.15);
}
.ui-fab--color-primary,
.ui-fab--color-accent {
  color: white;
}
.ui-fab--color-primary .ui-fab__icon,
  .ui-fab--color-accent .ui-fab__icon {
    color: white;
}
.ui-fab--color-primary .ui-ripple-ink__ink,
  .ui-fab--color-accent .ui-ripple-ink__ink {
    opacity: 0.4;
}
.ui-fab--color-primary {
  background-color: #2196f3;
}
.ui-fab--color-primary .ui-fab__focus-ring {
    background-color: #0c7cd5;
}
.ui-fab--color-accent {
  background-color: #d500f9;
}
.ui-fab--color-accent .ui-fab__focus-ring {
    background-color: #a900c6;
}

.ui-fileupload {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.125rem;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1;
  min-width: 5rem;
  overflow: hidden;
  padding: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  text-transform: uppercase;
}
.ui-fileupload.has-focus-ring.is-active .ui-fileupload__focus-ring,
  body[modality="keyboard"] .ui-fileupload.is-active .ui-fileupload__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-fileupload:not(.is-multiple) .ui-fileupload__display-text {
    text-transform: none;
}
.ui-fileupload.is-raised {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
}
.ui-fileupload.is-raised.has-focus-ring.is-active,
    body[modality="keyboard"] .ui-fileupload.is-raised.is-active {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.3);
}
.ui-fileupload.is-disabled {
    cursor: default;
    opacity: 0.6;
}
.ui-fileupload__input {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  width: 0.1px;
}
.ui-fileupload__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.ui-fileupload__icon {
  margin-left: -0.25rem;
  margin-right: 0.375rem;
  margin-top: -0.125rem;
}
.ui-fileupload__focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-fileupload--icon-position-right .ui-fileupload__icon {
  margin-left: 0.375rem;
  margin-right: -0.25rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ui-fileupload--size-small {
  font-size: 0.875rem;
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.ui-fileupload--size-small .ui-fileupload__icon {
    margin-left: 0;
    margin-top: 0;
}
.ui-fileupload--size-small .ui-fileupload__icon .ui-icon {
      font-size: 1.125rem;
}
.ui-fileupload--size-small.ui-fileupload--icon-position-right .ui-fileupload__icon {
    margin-left: 0.375rem;
    margin-right: 0;
}
.ui-fileupload--size-large {
  font-size: 1rem;
  height: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ui-fileupload--size-large .ui-fileupload__icon {
    margin-left: -0.25rem;
    margin-right: 0.5rem;
}
.ui-fileupload--size-large.ui-fileupload--icon-position-right .ui-fileupload__icon {
    margin-left: 0.5rem;
    margin-right: -0.25rem;
}
.ui-fileupload--type-primary.ui-fileupload--color-default {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.ui-fileupload--type-primary.ui-fileupload--color-default:hover:not(.is-disabled), .ui-fileupload--type-primary.ui-fileupload--color-default.has-focus-ring.is-active,
  body[modality="keyboard"] .ui-fileupload--type-primary.ui-fileupload--color-default.is-active {
    background-color: #dbdbdb;
}
.ui-fileupload--type-primary.ui-fileupload--color-default .ui-ripple-ink__ink {
    opacity: 0.2;
}
.ui-fileupload--type-primary.ui-fileupload--color-default .ui-fileupload__icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-fileupload--type-primary.ui-fileupload--color-primary, .ui-fileupload--type-primary.ui-fileupload--color-accent {
  color: white;
}
.ui-fileupload--type-primary.ui-fileupload--color-primary .ui-ripple-ink__ink, .ui-fileupload--type-primary.ui-fileupload--color-accent .ui-ripple-ink__ink {
    opacity: 0.4;
}
.ui-fileupload--type-primary.ui-fileupload--color-primary {
  background-color: #2196f3;
}
.ui-fileupload--type-primary.ui-fileupload--color-primary:hover:not(.is-disabled), .ui-fileupload--type-primary.ui-fileupload--color-primary.has-focus-ring.is-active,
  body[modality="keyboard"] .ui-fileupload--type-primary.ui-fileupload--color-primary.is-active {
    background-color: #0c7cd5;
}
.ui-fileupload--type-primary.ui-fileupload--color-accent {
  background-color: #d500f9;
}
.ui-fileupload--type-primary.ui-fileupload--color-accent:hover:not(.is-disabled), .ui-fileupload--type-primary.ui-fileupload--color-accent.has-focus-ring.is-active,
  body[modality="keyboard"] .ui-fileupload--type-primary.ui-fileupload--color-accent.is-active {
    background-color: #a900c6;
}
.ui-fileupload--type-secondary {
  background-color: transparent;
}
.ui-fileupload--type-secondary:hover:not(.is-disabled), .ui-fileupload--type-secondary.has-focus-ring.is-active,
  body[modality="keyboard"] .ui-fileupload--type-secondary.is-active {
    background-color: #e6e6e6;
}
.ui-fileupload--type-secondary.ui-fileupload--color-default {
    color: rgba(0, 0, 0, 0.87);
}
.ui-fileupload--type-secondary.ui-fileupload--color-default .ui-fileupload__icon {
      color: rgba(0, 0, 0, 0.54);
}
.ui-fileupload--type-secondary.ui-fileupload--color-primary {
    color: #2196f3;
}
.ui-fileupload--type-secondary.ui-fileupload--color-accent {
    color: #d500f9;
}

.ui-menu {
  background-color: white;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  list-style: none;
  margin: 0;
  max-height: 100vh;
  max-width: 17rem;
  min-width: 10.5rem;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25rem 0;
}
.ui-menu.is-raised {
    border: none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.ui-menu.has-secondary-text {
    min-width: 15rem;
    max-width: 19rem;
}
.ui-menu__focus-redirector {
  position: absolute;
  opacity: 0;
}

.ui-menu-option {
  display: block;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.ui-menu-option.is-divider {
    background-color: rgba(0, 0, 0, 0.08);
    display: block;
    height: 0.0625rem;
    margin: 0.375rem 0;
    padding: 0;
}
.ui-menu-option:not(.is-divider) {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: normal;
    min-height: 2.5rem;
    outline: none;
}
.ui-menu-option:not(.is-divider):hover:not(.is-disabled),
    body[modality="keyboard"] .ui-menu-option:not(.is-divider):focus {
      background-color: #EEEEEE;
}
.ui-menu-option:not(.is-divider).is-disabled {
      color: rgba(0, 0, 0, 0.54);
      cursor: default;
      opacity: 0.5;
}
.ui-menu-option:not(.is-divider).is-disabled .ui-menu-option__secondary-text {
        color: rgba(0, 0, 0, 0.54);
}
.ui-menu-option__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  padding: 0 1rem;
}
.ui-menu-option__icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1.125rem;
  margin-right: 1rem;
}
.ui-menu-option__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-menu-option__secondary-text {
  color: rgba(0, 0, 0, 0.38);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.8125rem;
  margin-left: 0.25rem;
}

.ui-preloader {
  position: relative;
  width: 100%;
}
.ui-preloader.is-loading .ui-preloader__progressbar {
    opacity: 1;
    padding-top: 0.1875rem;
}
.ui-preloader__progressbar {
  -webkit-animation: ui-preloader-background linear 3s infinite;
          animation: ui-preloader-background linear 3s infinite;
  background-color: #159756;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, padding-top;
  transition-property: opacity, padding-top;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  width: 100%;
  overflow: hidden;
}
.ui-preloader__progressbar::before, .ui-preloader__progressbar::after {
    -webkit-animation: ui-preloader-front linear 3s infinite;
            animation: ui-preloader-front linear 3s infinite;
    content: '';
    display: block;
    height: 0.1875rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.ui-preloader__progressbar::before {
    right: 50%;
    -webkit-transform-origin: right;
            transform-origin: right;
}
.ui-preloader__progressbar::after {
    left: 50%;
    -webkit-transform-origin: left;
            transform-origin: left;
}
@-webkit-keyframes ui-preloader-background {
0%,
  24.9% {
    background-color: #159756;
}
25%,
  49.9% {
    background-color: #da4733;
}
50%,
  74.9% {
    background-color: #3b78e7;
}
75%,
  100% {
    background-color: #fdba2c;
}
}
@keyframes ui-preloader-background {
0%,
  24.9% {
    background-color: #159756;
}
25%,
  49.9% {
    background-color: #da4733;
}
50%,
  74.9% {
    background-color: #3b78e7;
}
75%,
  100% {
    background-color: #fdba2c;
}
}
@-webkit-keyframes ui-preloader-front {
0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #da4733;
}
24.9% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #da4733;
}
25% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #3b78e7;
}
49.9% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #3b78e7;
}
50% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #fdba2c;
}
74.9% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #fdba2c;
}
75% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #159756;
}
100% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #159756;
}
}
@keyframes ui-preloader-front {
0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #da4733;
}
24.9% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #da4733;
}
25% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #3b78e7;
}
49.9% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #3b78e7;
}
50% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #fdba2c;
}
74.9% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #fdba2c;
}
75% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    background-color: #159756;
}
100% {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: #159756;
}
}

.ui-progress-linear {
  display: block;
  height: 0.25rem;
  overflow: hidden;
  position: relative;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: height, opacity;
  transition-property: height, opacity;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  width: 100%;
}
.ui-progress-linear__progress-bar.is-determinate {
  height: 0.25rem;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 100%;
}
.ui-progress-linear__progress-bar.is-indeterminate::before {
  -webkit-animation: ui-progress-linear-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
          animation: ui-progress-linear-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  background-color: inherit;
  content: '';
  height: 0.25rem;
  left: 0;
  position: absolute;
  top: 0;
}
.ui-progress-linear__progress-bar.is-indeterminate::after {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
  -webkit-animation: ui-progress-linear-indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation: ui-progress-linear-indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  background-color: inherit;
  content: '';
  height: 0.25rem;
  left: 0;
  position: absolute;
  top: 0;
}
@-webkit-keyframes ui-progress-linear-indeterminate {
0% {
    left: -35%;
    right: 100%;
}
60% {
    left: 100%;
    right: -90%;
}
100% {
    left: 100%;
    right: -90%;
}
}
@keyframes ui-progress-linear-indeterminate {
0% {
    left: -35%;
    right: 100%;
}
60% {
    left: 100%;
    right: -90%;
}
100% {
    left: 100%;
    right: -90%;
}
}
@-webkit-keyframes ui-progress-linear-indeterminate-short {
0% {
    left: -200%;
    right: 100%;
}
60% {
    left: 107%;
    right: -8%;
}
100% {
    left: 107%;
    right: -8%;
}
}
@keyframes ui-progress-linear-indeterminate-short {
0% {
    left: -200%;
    right: 100%;
}
60% {
    left: 107%;
    right: -8%;
}
100% {
    left: 107%;
    right: -8%;
}
}
.ui-progress-linear--transition-fade-enter-active,
.ui-progress-linear--transition-fade-leave-active {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui-progress-linear--transition-fade-enter,
.ui-progress-linear--transition-fade-leave-active {
  opacity: 0;
}
.ui-progress-linear--color-primary {
  background-color: rgba(33, 150, 243, 0.4);
}
.ui-progress-linear--color-primary .ui-progress-linear__progress-bar {
    background-color: #2196f3;
}
.ui-progress-linear--color-accent {
  background-color: rgba(213, 0, 249, 0.4);
}
.ui-progress-linear--color-accent .ui-progress-linear__progress-bar {
    background-color: #d500f9;
}
.ui-progress-linear--color-black {
  background-color: rgba(97, 97, 97, 0.4);
}
.ui-progress-linear--color-black .ui-progress-linear__progress-bar {
    background-color: #616161;
}
.ui-progress-linear--color-white {
  background-color: rgba(255, 255, 255, 0.4);
}
.ui-progress-linear--color-white .ui-progress-linear__progress-bar {
    background-color: white;
}

.ui-radio {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
  height: 1.25rem;
  margin: 0;
}
.ui-radio:hover:not(.is-disabled):not(.is-checked) .ui-radio__outer-circle {
    border: 0.125rem solid rgba(0, 0, 0, 0.54);
}
.ui-radio.is-checked .ui-radio__inner-circle {
    opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    z-index: 0;
}
.ui-radio.is-disabled {
    opacity: 0.5;
}
.ui-radio.is-disabled .ui-radio__input-wrapper,
    .ui-radio.is-disabled .ui-radio__label-text {
      cursor: default;
}
.ui-radio__input-wrapper {
  cursor: pointer;
  height: 1.25rem;
  position: relative;
  width: 1.25rem;
}
.ui-radio__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 1px;
  left: 0;
  margin: 0;
  opacity: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
body[modality="keyboard"] .ui-radio__input:focus + .ui-radio__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-radio__outer-circle {
  background-color: transparent;
  border-radius: 50%;
  border: 0.125rem solid rgba(0, 0, 0, 0.38);
  height: 1.25rem;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  width: 1.25rem;
}
.ui-radio__inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
  height: 1.25rem;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, background-color, -webkit-transform;
  transition-property: opacity, background-color, -webkit-transform;
  transition-property: transform, opacity, background-color;
  transition-property: transform, opacity, background-color, -webkit-transform;
  width: 1.25rem;
  z-index: -1;
}
.ui-radio__focus-ring {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  height: 2.625rem;
  left: -0.6875rem;
  opacity: 0;
  position: absolute;
  top: -0.6875rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: background-color 0.2s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, transform 0.15s ease, opacity 0.15s ease;
  transition: background-color 0.2s ease, transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  width: 2.625rem;
  z-index: -1;
}
.ui-radio__label-text {
  cursor: pointer;
  font-size: 1rem;
  margin-left: 0.5rem;
}
.ui-radio--button-position-right .ui-radio__label-text {
  margin-left: 0;
  margin-right: auto;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__outer-circle {
  border-color: #2196f3;
}
.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__inner-circle {
  background-color: #2196f3;
}
.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__focus-ring {
  background-color: rgba(33, 150, 243, 0.2);
}
.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__outer-circle {
  border-color: #d500f9;
}
.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__inner-circle {
  background-color: #d500f9;
}
.ui-radio--color-accent.is-checked:not(.is-disabled) .ui-radio__focus-ring {
  background-color: rgba(213, 0, 249, 0.2);
}

.ui-radio-group {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ui-radio-group:not(.is-disabled):not(.is-invalid):hover .ui-radio-group__label-text {
    color: rgba(0, 0, 0, 0.75);
}
.ui-radio-group:not(.is-disabled):not(.is-invalid).is-active .ui-radio-group__label-text {
    color: #2196f3;
}
.ui-radio-group.is-vertical .ui-radio-group__radios {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0.5rem;
}
.ui-radio-group.is-vertical .ui-radio-group__radio {
    margin-bottom: 0.75rem;
    margin-left: 0;
    width: 100%;
}
.ui-radio-group.is-invalid .ui-radio-group__label-text {
    color: #f44336;
}
.ui-radio-group.is-invalid .ui-radio-group__feedback {
    color: #f44336;
}
.ui-radio-group.is-disabled .ui-radio-group__feedback {
    opacity: 0.8;
}
.ui-radio-group__label-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.9375rem;
  line-height: normal;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui-radio-group__radios {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2rem;
}
.ui-radio.ui-radio-group__radio {
  margin-left: 1.5rem;
}
.ui-radio.ui-radio-group__radio:first-child {
    margin-left: 0;
}
.ui-radio-group__feedback {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0rem;
  position: relative;
}
.ui-radio-group--button-position-right:not(.is-vertical) .ui-radio__label-text {
  margin-right: 0.5rem;
}

.ui-select {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 1rem;
  outline: none;
  position: relative;
}
.ui-select:hover:not(.is-disabled) .ui-select__label-text {
    color: rgba(0, 0, 0, 0.75);
}
.ui-select:hover:not(.is-disabled) .ui-select__display {
    border-bottom-color: rgba(0, 0, 0, 0.3);
}
.ui-select:hover:not(.is-disabled) .ui-select__dropdown-button {
    color: rgba(0, 0, 0, 0.87);
}
.ui-select.is-active:not(.is-disabled) .ui-select__label-text,
  .ui-select.is-active:not(.is-disabled) .ui-select__icon-wrapper .ui-icon {
    color: #2196f3;
}
.ui-select.is-active:not(.is-disabled) .ui-select__display {
    border-bottom-color: #2196f3;
    border-bottom-width: 2px;
}
.ui-select.has-floating-label .ui-select__label-text {
    display: table;
}
.ui-select.has-floating-label .ui-select__label-text.is-inline {
      color: rgba(0, 0, 0, 0.54);
      cursor: pointer;
      -webkit-transform: translateY(1.625rem) scale(1.1);
              transform: translateY(1.625rem) scale(1.1);
}
.ui-select.has-floating-label .ui-select__label-text.is-floating {
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
}
.ui-select.has-label .ui-select__icon-wrapper {
    padding-top: 1.5rem;
}
.ui-select.has-label .ui-select__dropdown-button {
    top: 1.6875rem;
}
.ui-select:not(.is-multiple) .ui-select__display {
    height: 2rem;
    line-height: 1;
}
.ui-select.is-multiple .ui-select__display {
    line-height: 1.4;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.ui-select.is-invalid:not(.is-disabled) .ui-select__label-text,
  .ui-select.is-invalid:not(.is-disabled) .ui-select__icon-wrapper .ui-icon {
    color: #f44336;
}
.ui-select.is-invalid:not(.is-disabled) .ui-select__display {
    border-bottom-color: #f44336;
}
.ui-select.is-invalid:not(.is-disabled) .ui-select__feedback {
    color: #f44336;
}
.ui-select.is-disabled .ui-select__display {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
}
.ui-select.is-disabled .ui-select__dropdown-button,
  .ui-select.is-disabled .ui-select__display-value.is-placeholder {
    color: rgba(0, 0, 0, 0.38);
    opacity: 0.6;
}
.ui-select.is-disabled .ui-select__icon-wrapper .ui-icon {
    opacity: 0.6;
}
.ui-select.is-disabled .ui-select__feedback {
    opacity: 0.8;
}
.ui-select__label {
  display: block;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.ui-select__icon-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  padding-top: 0.25rem;
}
.ui-select__icon-wrapper .ui-icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-select__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-select__label-text {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 0.9375rem;
  line-height: normal;
  margin-bottom: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-select__display {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.ui-select__display-value {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-select__display-value.is-placeholder {
    color: rgba(0, 0, 0, 0.38);
}
.ui-select__dropdown-button {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1.125rem;
  margin-left: auto;
  margin-right: -0.25rem;
}
.ui-select__dropdown {
  background-color: white;
  box-shadow: 1px 2px 8px #757575;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  list-style-type: none;
  margin: 0;
  margin-bottom: 0.5rem;
  min-width: 11.25rem;
  outline: none;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 60;
}
.ui-select__search-input {
  background: none;
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.87);
  cursor: auto;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
  font-weight: normal;
  height: 2.25rem;
  outline: none;
  padding: 0 0.75rem;
  padding-left: 2.5rem;
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  width: 100%;
}
.ui-select__search-input::-ms-clear {
    display: none;
}
.ui-select__search-input:focus + .ui-select__search-icon {
    color: #2196f3;
}
.ui-select__search-icon,
.ui-select__search-progress {
  position: absolute;
  top: 0.5rem;
}
.ui-select__search-icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1.25rem;
  left: 0.75rem;
}
.ui-select__search-progress {
  right: 0.75rem;
}
.ui-select__options {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  list-style-type: none;
  margin: 0;
  max-height: 16rem;
  min-width: 100%;
  overflow-y: auto;
  padding: 0;
  position: relative;
}
.ui-select__no-results {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  width: 100%;
}
.ui-select__feedback {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0.25rem;
  position: relative;
}
.ui-select--icon-position-right .ui-select__icon-wrapper {
  margin-left: 0.5rem;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ui-select--transition-fade-enter-active,
.ui-select--transition-fade-leave-active {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.ui-select--transition-fade-enter,
.ui-select--transition-fade-leave-active {
  opacity: 0;
}

.ui-select-option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui-select-option.is-selected {
    background-color: rgba(0, 0, 0, 0.05);
    color: #2196f3;
    font-weight: 500;
}
.ui-select-option.is-selected .ui-select-option__checkbox {
      color: #2196f3;
}
.ui-select-option.is-highlighted {
    background-color: rgba(0, 0, 0, 0.1);
}
.ui-select-option__basic,
.ui-select-option__image-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-select-option__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-select-option__image-object {
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  height: 2rem;
  margin-right: 0.75rem;
  width: 2rem;
}
.ui-select-option__checkbox {
  color: rgba(0, 0, 0, 0.38);
  margin-left: auto;
}
.ui-select-option--type-basic {
  padding: 0.375rem 0.75rem;
}
.ui-select-option--type-image {
  padding: 0.25rem 0.75rem;
}

.ui-slider {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
}
.ui-slider:not(.is-disabled).is-active:not(.has-marker) .ui-slider__thumb::before, .ui-slider:not(.is-disabled).is-dragging:not(.has-marker) .ui-slider__thumb::before {
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-slider:not(.is-disabled).is-active .ui-slider__marker, .ui-slider:not(.is-disabled).is-dragging .ui-slider__marker {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-1.625rem);
            transform: scale(1) translateY(-1.625rem);
}
.ui-slider:not(.is-disabled).is-active .ui-slider__marker-text, .ui-slider:not(.is-disabled).is-dragging .ui-slider__marker-text {
    color: white;
}
.ui-slider:not(.is-disabled).is-active .ui-slider__snap-point, .ui-slider:not(.is-disabled).is-dragging .ui-slider__snap-point {
    opacity: 1;
}
.ui-slider:not(.is-disabled).is-active .ui-slider__icon .ui-icon, .ui-slider:not(.is-disabled).is-dragging .ui-slider__icon .ui-icon {
    color: #2196f3;
}
.ui-slider.is-disabled .ui-slider__icon {
    opacity: 0.6;
}
.ui-slider.is-disabled .ui-slider__track {
    cursor: default;
}
.ui-slider.is-disabled .ui-slider__track-fill {
    background-color: transparent;
}
.ui-slider.is-disabled .ui-slider__thumb {
    background-color: #DDD;
    border: 0.125rem solid white;
}
.ui-slider__icon {
  margin-right: 1rem;
}
.ui-slider__icon .ui-icon {
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.ui-slider__track {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.125rem;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.ui-slider__track-background,
.ui-slider__track-fill {
  content: '';
  display: block;
  height: 0.1875rem;
  left: 0;
  position: absolute;
  top: 0.46875rem;
}
.ui-slider__track-background {
  background-color: rgba(0, 0, 0, 0.12);
  width: 100%;
}
.ui-slider__snap-point {
  background-color: rgba(0, 0, 0, 0.75);
  height: 0.1875rem;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 0.125rem;
  z-index: 1;
}
.ui-slider__track-fill {
  background-color: #2196f3;
  -webkit-transform-origin: left;
          transform-origin: left;
  width: 100%;
}
.ui-slider__thumb {
  background-color: #2196f3;
  border-radius: 50%;
  cursor: inherit;
  display: block;
  height: 0.875rem;
  left: 0;
  position: relative;
  width: 0.875rem;
  z-index: 1;
}
.ui-slider__thumb::before {
    background-color: rgba(33, 150, 243, 0.38);
    border-radius: 50%;
    content: '';
    display: block;
    height: 2.25rem;
    margin-left: -0.6875rem;
    margin-top: -0.6875rem;
    position: absolute;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    width: 2.25rem;
}
.ui-slider__marker {
  height: 2.25rem;
  margin-left: -0.6875rem;
  margin-top: -0.6875rem;
  opacity: 0;
  position: absolute;
  -webkit-transform: scale(0) translateY(0);
          transform: scale(0) translateY(0);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 2.25rem;
}
.ui-slider__marker svg {
    fill: #2196f3;
    height: 2.25rem;
    width: 2.25rem;
}
.ui-slider__marker-text {
  color: #2196f3;
  font-size: 0.8125rem;
  font-weight: 500;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0.25rem;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 2.25rem;
}
.ui-slider--is-dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ui-snackbar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #323232;
  border-radius: 0.125rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  max-width: 35.5rem;
  min-height: 3rem;
  min-width: 18rem;
  padding: 0.875rem 1.5rem;
}
.ui-snackbar__message {
  color: white;
  cursor: default;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-snackbar__action {
  margin-left: auto;
  margin: -0.5625rem -0.75rem;
  padding-left: 3rem;
}
.ui-snackbar__action-button {
  margin: 0;
  min-height: initial;
  min-width: initial;
  padding: 0.75rem;
}
.ui-snackbar__action-button:hover:not(.is-disabled) {
    background-color: rgba(255, 255, 255, 0.05);
}
body[modality="keyboard"] .ui-snackbar__action-button:focus {
    background-color: rgba(255, 255, 255, 0.1);
}
.ui-snackbar--transition-slide-enter-active,
.ui-snackbar--transition-slide-leave-active {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.ui-snackbar--transition-slide-enter,
.ui-snackbar--transition-slide-leave-active {
  -webkit-transform: translateY(5.25rem);
          transform: translateY(5.25rem);
}
.ui-snackbar--transition-fade-enter-active,
.ui-snackbar--transition-fade-leave-active {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.ui-snackbar--transition-fade-enter,
.ui-snackbar--transition-fade-leave-active {
  opacity: 0;
}

.ui-snackbar-container {
  bottom: 0;
  left: 0.5rem;
  overflow: hidden;
  position: absolute;
}
.ui-snackbar-container .ui-snackbar {
    margin: 0.25rem 0.25rem 0.75rem 0.25rem;
}
.ui-snackbar-container--position-right {
  left: initial;
  right: 0.5rem;
}
.ui-snackbar-container--position-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0.5rem;
  right: 0.5rem;
}

.ui-switch {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 2rem;
  position: relative;
}
.ui-switch.is-checked .ui-switch__thumb {
    -webkit-transform: translateX(0.875rem);
            transform: translateX(0.875rem);
}
.ui-switch.is-disabled .ui-switch__track {
    background-color: rgba(0, 0, 0, 0.12);
}
.ui-switch.is-disabled .ui-switch__thumb {
    background-color: #bdbdbd;
    box-shadow: none;
}
.ui-switch.is-disabled .ui-switch__input-wrapper,
  .ui-switch.is-disabled .ui-switch__label-text {
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
}
.ui-switch__input-wrapper {
  cursor: pointer;
  height: 1.25rem;
  position: relative;
  width: 2.125rem;
}
.ui-switch__input {
  opacity: 0;
  position: absolute;
}
body[modality="keyboard"] .ui-switch__input:focus + .ui-switch__thumb .ui-switch__focus-ring {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.ui-switch__track {
  background-color: rgba(0, 0, 0, 0.26);
  border-radius: 0.5rem;
  height: 0.875rem;
  position: absolute;
  top: 0.1875rem;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  width: 2.125rem;
  z-index: -1;
}
.ui-switch__thumb {
  background-color: #fafafa;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 1.25rem;
  position: absolute;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  width: 1.25rem;
}
.ui-switch__focus-ring {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  height: 2.625rem;
  left: -0.6875rem;
  opacity: 0;
  position: absolute;
  top: -0.6875rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: background-color 0.2s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, transform 0.15s ease, opacity 0.15s ease;
  transition: background-color 0.2s ease, transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  width: 2.625rem;
  z-index: -1;
}
.ui-switch__label-text {
  cursor: pointer;
  font-size: 0.9375rem;
  margin-left: 1rem;
}
.ui-switch--switch-position-right .ui-switch__label-text {
  margin-left: 0;
  margin-right: auto;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__track {
  background-color: rgba(33, 150, 243, 0.5);
}
.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__thumb {
  background-color: #2196f3;
}
.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__focus-ring {
  background-color: rgba(33, 150, 243, 0.2);
}
.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__track {
  background-color: rgba(213, 0, 249, 0.5);
}
.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__thumb {
  background-color: #d500f9;
}
.ui-switch--color-accent.is-checked:not(.is-disabled) .ui-switch__focus-ring {
  background-color: rgba(213, 0, 249, 0.2);
}

.ui-tab {
  outline: none;
}

.ui-tabs {
  margin-bottom: 1.5rem;
  width: 100%;
}
.ui-tabs.is-fullwidth .ui-tab-header-item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.ui-tabs.is-raised {
    border: none;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
.ui-tabs.is-raised .ui-tabs__body {
      border: none;
}
.ui-tabs__header {
  position: relative;
  width: 100%;
}
.ui-tabs__header-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ui-tabs__active-tab-indicator {
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
  height: 0.125rem;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ui-tabs__body {
  background-color: white;
  border-radius: 0;
  border: 0.0625rem solid #eeeeee;
  border-top: 0;
  margin: 0;
  padding: 1rem;
}
.ui-tabs--background-color-default .ui-tabs__header {
  background-color: #eeeeee;
}
body[modality="keyboard"] .ui-tabs--background-color-default .ui-tab-header-item:focus {
  outline: 1px solid #2196f3;
}
body[modality="keyboard"] .ui-tabs--background-color-primary .ui-tab-header-item:focus, body[modality="keyboard"]
.ui-tabs--background-color-accent .ui-tab-header-item:focus, body[modality="keyboard"]
.ui-tabs--background-color-clear .ui-tab-header-item:focus {
  outline: 1px solid white;
}
.ui-tabs--background-color-primary .ui-ripple-ink__ink.is-held,
.ui-tabs--background-color-accent .ui-ripple-ink__ink.is-held,
.ui-tabs--background-color-clear .ui-ripple-ink__ink.is-held {
  opacity: 0.7;
}
.ui-tabs--background-color-primary .ui-tabs__header {
  background-color: #2196f3;
}
.ui-tabs--background-color-accent .ui-tabs__header {
  background-color: #d500f9;
}
.ui-tabs--background-color-clear .ui-tabs__header {
  background-color: transparent;
}
.ui-tabs--background-color-clear .ui-tabs__header + .ui-tabs__body {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.ui-tabs--text-color-black .ui-tab-header-item {
  color: rgba(0, 0, 0, 0.54);
}
.ui-tabs--text-color-black .ui-tab-header-item__icon {
  color: rgba(0, 0, 0, 0.54);
}
.ui-tabs--text-color-white .ui-tab-header-item {
  color: rgba(255, 255, 255, 0.65);
}
.ui-tabs--text-color-white .ui-tab-header-item__icon {
  color: rgba(255, 255, 255, 0.65);
}
.ui-tabs--text-color-active-white .ui-tab-header-item.is-active {
  color: white;
}
.ui-tabs--text-color-active-white .ui-tab-header-item.is-active .ui-tab-header-item__icon {
    color: white;
}
.ui-tabs--text-color-active-primary .ui-tab-header-item.is-active {
  color: #2196f3;
}
.ui-tabs--text-color-active-primary .ui-tab-header-item.is-active .ui-tab-header-item__icon {
    color: #2196f3;
}
.ui-tabs--text-color-active-accent .ui-tab-header-item.is-active {
  color: #d500f9;
}
.ui-tabs--text-color-active-accent .ui-tab-header-item.is-active .ui-tab-header-item__icon {
    color: #d500f9;
}
.ui-tabs--indicator-color-primary .ui-tabs__active-tab-indicator {
  background-color: #2196f3;
}
.ui-tabs--indicator-color-accent .ui-tabs__active-tab-indicator {
  background-color: #d500f9;
}
.ui-tabs--indicator-color-white .ui-tabs__active-tab-indicator {
  background-color: white;
}

.ui-tab-header-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 5rem;
  padding: 0 0.75rem;
  position: relative;
  text-transform: uppercase;
}
.ui-tab-header-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.ui-tab-header-item.is-disabled {
    background-color: transparent;
    cursor: default;
    opacity: 0.4;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.ui-tab-header-item--type-icon-and-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 4.5rem;
}
.ui-tab-header-item--type-icon-and-text .ui-tab-header-item__icon {
    margin-bottom: 0.25rem;
}
.ui-tab-header-item__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9375rem;
  font-weight: 500;
}
.ui-tab-header-item__icon {
  height: 1.5rem;
  width: 1.5rem;
}
.ui-tab-header-item__icon .ui-icon {
    cursor: inherit;
}

.ui-textbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 1rem;
}
.ui-textbox:hover:not(.is-disabled) .ui-textbox__label-text {
    color: rgba(0, 0, 0, 0.75);
}
.ui-textbox:hover:not(.is-disabled) .ui-textbox__input,
  .ui-textbox:hover:not(.is-disabled) .ui-textbox__textarea {
    border-bottom-color: rgba(0, 0, 0, 0.3);
}
.ui-textbox.is-active:not(.is-disabled) .ui-textbox__input,
  .ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea {
    border-bottom-color: #2196f3;
    border-bottom-width: 2px;
}
.ui-textbox.is-active:not(.is-disabled) .ui-textbox__label-text,
  .ui-textbox.is-active:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon {
    color: #2196f3;
}
.ui-textbox.has-label .ui-textbox__icon-wrapper {
    padding-top: 1.5rem;
}
.ui-textbox.has-counter .ui-textbox__feedback-text {
    padding-right: 3rem;
}
.ui-textbox.has-floating-label .ui-textbox__label-text {
    display: table;
}
.ui-textbox.has-floating-label .ui-textbox__label-text.is-inline {
      color: rgba(0, 0, 0, 0.54);
      cursor: text;
      -webkit-transform: translateY(1.625rem) scale(1.1);
              transform: translateY(1.625rem) scale(1.1);
}
.ui-textbox.has-floating-label .ui-textbox__label-text.is-floating {
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
}
.ui-textbox.has-floating-label .ui-textbox__label > input:-webkit-autofill + .ui-textbox__label-text.is-inline {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__label-text,
  .ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon,
  .ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__counter {
    color: #f44336;
}
.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__input,
  .ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__textarea {
    border-bottom-color: #f44336;
}
.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__feedback {
    color: #f44336;
}
.ui-textbox.is-disabled .ui-textbox__input,
  .ui-textbox.is-disabled .ui-textbox__textarea {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    color: rgba(0, 0, 0, 0.38);
}
.ui-textbox.is-disabled .ui-textbox__icon-wrapper .ui-icon {
    opacity: 0.6;
}
.ui-textbox.is-disabled .ui-textbox__feedback {
    opacity: 0.8;
}
.ui-textbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ui-textbox__icon-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  padding-top: 0.25rem;
}
.ui-textbox__icon-wrapper .ui-icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-textbox__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-textbox__label-text {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 0.9375rem;
  line-height: normal;
  margin-bottom: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-textbox__input,
.ui-textbox__textarea {
  background: none;
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.87);
  cursor: auto;
  display: block;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: 0;
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  width: 100%;
}
.ui-textbox__input {
  height: 2rem;
}
.ui-textbox__textarea {
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0.375rem;
  resize: vertical;
}
.ui-textbox__feedback {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0.25rem;
  position: relative;
}
.ui-textbox__counter {
  position: absolute;
  right: 0;
  top: 0.25rem;
}
.ui-textbox--icon-position-right .ui-textbox__icon-wrapper {
  margin-left: 0.5rem;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ui-textbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 1rem;
}
.ui-textbox:hover:not(.is-disabled) .ui-textbox__label-text {
    color: rgba(0, 0, 0, 0.75);
}
.ui-textbox:hover:not(.is-disabled) .ui-textbox__input,
  .ui-textbox:hover:not(.is-disabled) .ui-textbox__textarea {
    border-bottom-color: rgba(0, 0, 0, 0.3);
}
.ui-textbox.is-active:not(.is-disabled) .ui-textbox__input,
  .ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea {
    border-bottom-color: #2196f3;
    border-bottom-width: 2px;
}
.ui-textbox.is-active:not(.is-disabled) .ui-textbox__label-text,
  .ui-textbox.is-active:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon {
    color: #2196f3;
}
.ui-textbox.has-label .ui-textbox__icon-wrapper {
    padding-top: 1.5rem;
}
.ui-textbox.has-counter .ui-textbox__feedback-text {
    padding-right: 3rem;
}
.ui-textbox.has-floating-label .ui-textbox__label-text {
    display: table;
}
.ui-textbox.has-floating-label .ui-textbox__label-text.is-inline {
      color: rgba(0, 0, 0, 0.54);
      cursor: text;
      -webkit-transform: translateY(1.625rem) scale(1.1);
              transform: translateY(1.625rem) scale(1.1);
}
.ui-textbox.has-floating-label .ui-textbox__label-text.is-floating {
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
}
.ui-textbox.has-floating-label .ui-textbox__label
> input:-webkit-autofill
+ .ui-textbox__label-text.is-inline {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__label-text,
  .ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__icon-wrapper .ui-icon,
  .ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__counter {
    color: #f44336;
}
.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__input,
  .ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__textarea {
    border-bottom-color: #f44336;
}
.ui-textbox.is-invalid:not(.is-disabled) .ui-textbox__feedback {
    color: #f44336;
}
.ui-textbox.is-disabled .ui-textbox__input,
  .ui-textbox.is-disabled .ui-textbox__textarea {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    color: rgba(0, 0, 0, 0.38);
}
.ui-textbox.is-disabled .ui-textbox__icon-wrapper .ui-icon {
    opacity: 0.6;
}
.ui-textbox.is-disabled .ui-textbox__feedback {
    opacity: 0.8;
}
.ui-textbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ui-textbox__icon-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  padding-top: 0.25rem;
}
.ui-textbox__icon-wrapper .ui-icon {
    color: rgba(0, 0, 0, 0.54);
}
.ui-textbox__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-textbox__label-text {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  font-size: 0.9375rem;
  line-height: normal;
  margin-bottom: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, -webkit-transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease;
  transition: color 0.1s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ui-textbox__input,
.ui-textbox__textarea {
  background: none;
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.87);
  cursor: auto;
  display: block;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: 0;
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  width: 100%;
}
.ui-textbox__input {
  height: 2rem;
}
.ui-textbox__textarea {
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0.375rem;
  resize: vertical;
}
.ui-textbox__feedback {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0.25rem;
  position: relative;
}
.ui-textbox__counter {
  position: absolute;
  right: 0;
  top: 0.25rem;
}
.ui-textbox--icon-position-right .ui-textbox__icon-wrapper {
  margin-left: 0.5rem;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ui-toolbar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.125rem;
  height: 3.5rem;
  padding-left: 1rem;
  position: relative;
}
.ui-toolbar.is-raised {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
.ui-toolbar:not(.is-raised).ui-toolbar--type-default {
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12);
}
.ui-toolbar .ui-icon-button {
    height: 3rem;
    width: 3rem;
}
.ui-toolbar__left {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ui-toolbar__nav-icon {
  margin-left: -1rem;
  margin-right: 0.5rem;
}
.ui-toolbar__brand {
  min-width: 10rem;
}
.ui-toolbar__brand-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 0.5rem;
}
.ui-toolbar__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ui-toolbar__body.has-brand-divider {
    border-left-style: solid;
    border-left-width: 0.0625rem;
    padding-left: 1.5rem;
}
.ui-toolbar__right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}
.ui-toolbar__progress {
  bottom: 0;
  height: 0.1875rem;
  left: 0;
  position: absolute;
  right: 0;
}
.ui-toolbar--type-default {
  background-color: white;
}
.ui-toolbar--type-colored {
  background-color: #2196f3;
}
.ui-toolbar--type-clear {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.ui-toolbar--text-color-black {
  color: rgba(0, 0, 0, 0.87);
}
.ui-toolbar--text-color-black .ui-toolbar__body {
    border-left-color: rgba(0, 0, 0, 0.15);
}
.ui-toolbar--text-color-white {
  color: white;
}
.ui-toolbar--text-color-white .ui-toolbar__body {
    border-color: rgba(255, 255, 255, 0.4);
}
.ui-toolbar--progress-position-top .ui-toolbar__progress {
  top: 0;
}

/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
  width: 100%;
  height: 100%;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*csslint important:false*/
/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
/**
 * Extra rules that Pure adds on top of Normalize.css
 */
/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */
.hidden,
[hidden] {
  display: none !important;
}
/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
  max-width: 100%;
  height: auto;
  display: block;
}
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g {
  letter-spacing: -0.31em;
  /* Webkit: collapse white-space between units */
  *letter-spacing: normal;
  /* reset IE < 8 */
  *word-spacing: -0.43em;
  /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
  /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yahoo/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  /* Prevents distributing space between rows */
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em;
}
.pure-u {
  display: inline-block;
  *display: inline;
  /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*="pure-u"] {
  font-family: sans-serif;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%;
}
.pure-u-1-12,
.pure-u-2-24 {
  width: 8.3333%;
  *width: 8.3023%;
}
.pure-u-1-8,
.pure-u-3-24 {
  width: 12.5%;
  *width: 12.469%;
}
.pure-u-1-6,
.pure-u-4-24 {
  width: 16.6667%;
  *width: 16.6357%;
}
.pure-u-1-5 {
  width: 20%;
  *width: 19.969%;
}
.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%;
}
.pure-u-1-4,
.pure-u-6-24 {
  width: 25%;
  *width: 24.969%;
}
.pure-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%;
}
.pure-u-1-3,
.pure-u-8-24 {
  width: 33.3333%;
  *width: 33.3023%;
}
.pure-u-3-8,
.pure-u-9-24 {
  width: 37.5%;
  *width: 37.469%;
}
.pure-u-2-5 {
  width: 40%;
  *width: 39.969%;
}
.pure-u-5-12,
.pure-u-10-24 {
  width: 41.6667%;
  *width: 41.6357%;
}
.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%;
}
.pure-u-1-2,
.pure-u-12-24 {
  width: 50%;
  *width: 49.969%;
}
.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%;
}
.pure-u-7-12,
.pure-u-14-24 {
  width: 58.3333%;
  *width: 58.3023%;
}
.pure-u-3-5 {
  width: 60%;
  *width: 59.969%;
}
.pure-u-5-8,
.pure-u-15-24 {
  width: 62.5%;
  *width: 62.469%;
}
.pure-u-2-3,
.pure-u-16-24 {
  width: 66.6667%;
  *width: 66.6357%;
}
.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%;
}
.pure-u-3-4,
.pure-u-18-24 {
  width: 75%;
  *width: 74.969%;
}
.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%;
}
.pure-u-4-5 {
  width: 80%;
  *width: 79.969%;
}
.pure-u-5-6,
.pure-u-20-24 {
  width: 83.3333%;
  *width: 83.3023%;
}
.pure-u-7-8,
.pure-u-21-24 {
  width: 87.5%;
  *width: 87.469%;
}
.pure-u-11-12,
.pure-u-22-24 {
  width: 91.6667%;
  *width: 91.6357%;
}
.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
  width: 100%;
}
.pure-button {
  /* Structure */
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/*csslint outline-none:false*/
.pure-button {
  font-family: inherit;
  font-size: 100%;
  padding: 0.5em 1em;
  color: #444;
  /* rgba not supported (IE 8) */
  color: rgba(0, 0, 0, 0.8);
  /* rgba supported */
  border: 1px solid #999;
  /*IE 6/7/8*/
  border: none rgba(0, 0, 0, 0);
  /*IE9 + everything else*/
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px;
}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
}
.pure-button:focus {
  outline: 0;
}
.pure-button-active,
.pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
  border-color: #000 \9;
}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
  border: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}
.pure-button-hidden {
  display: none;
}
/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
  background-color: #0078e7;
  color: #fff;
}
/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]) {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.pure-form input[type="color"] {
  padding: 0.2em 0.5em;
}
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: 0;
  border-color: #129FEA;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {
  outline: 0;
  border-color: #129FEA;
}
.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
  outline: thin solid #129FEA;
  outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
  margin: 0.5em 0;
  display: block;
}
.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
  background-color: #eee;
  /* menu hover bg color */
  color: #777;
  /* menu text color */
  border-color: #ccc;
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
  color: #b94a48;
  border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d;
}
.pure-form select {
  /* Normalizes the height; padding is not sufficient. */
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: white;
}
.pure-form select[multiple] {
  height: auto;
}
.pure-form label {
  margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0;
}
.pure-form legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}
.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
  display: block;
  margin: 0.25em 0;
}
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input:not([type]) {
  display: block;
  margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.pure-form-aligned textarea {
  vertical-align: top;
}
/* Aligned Forms */
.pure-form-aligned .pure-control-group {
  margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em;
}
/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em;
}
/* Grouped Inputs */
.pure-form .pure-group fieldset {
  margin-bottom: 10px;
}
.pure-form .pure-group input,
.pure-form .pure-group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px;
}
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
  z-index: 3;
}
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0;
}
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0;
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0;
}
.pure-form .pure-group button {
  margin: 0.35em 0;
}
.pure-form .pure-input-1 {
  width: 100%;
}
.pure-form .pure-input-2-3 {
  width: 66%;
}
.pure-form .pure-input-1-2 {
  width: 50%;
}
.pure-form .pure-input-1-3 {
  width: 33%;
}
.pure-form .pure-input-1-4 {
  width: 25%;
}
/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  padding-left: 0.3em;
  color: #666;
  vertical-align: middle;
  font-size: 0.875em;
}
/* Block help for forms */
.pure-form-message {
  display: block;
  color: #666;
  font-size: 0.875em;
}
@media only screen and (max-width: 480px) {
  .pure-form button[type="submit"] {
    margin: 0.7em 0 0;
  }
  .pure-form input:not([type]),
  .pure-form input[type="text"],
  .pure-form input[type="password"],
  .pure-form input[type="email"],
  .pure-form input[type="url"],
  .pure-form input[type="date"],
  .pure-form input[type="month"],
  .pure-form input[type="time"],
  .pure-form input[type="datetime"],
  .pure-form input[type="datetime-local"],
  .pure-form input[type="week"],
  .pure-form input[type="number"],
  .pure-form input[type="search"],
  .pure-form input[type="tel"],
  .pure-form input[type="color"],
  .pure-form label {
    margin-bottom: 0.3em;
    display: block;
  }
  .pure-group input:not([type]),
  .pure-group input[type="text"],
  .pure-group input[type="password"],
  .pure-group input[type="email"],
  .pure-group input[type="url"],
  .pure-group input[type="date"],
  .pure-group input[type="month"],
  .pure-group input[type="time"],
  .pure-group input[type="datetime"],
  .pure-group input[type="datetime-local"],
  .pure-group input[type="week"],
  .pure-group input[type="number"],
  .pure-group input[type="search"],
  .pure-group input[type="tel"],
  .pure-group input[type="color"] {
    margin-bottom: 0;
  }
  .pure-form-aligned .pure-control-group label {
    margin-bottom: 0.3em;
    text-align: left;
    display: block;
    width: 100%;
  }
  .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 0;
  }
  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
  .pure-form .pure-help-inline,
  .pure-form-message-inline,
  .pure-form-message {
    display: block;
    font-size: 0.75em;
    /* Increased bottom padding to make it group with its related input element. */
    padding: 0.2em 0 0.8em;
  }
}
/*csslint adjoining-classes: false, box-model:false*/
.pure-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-menu-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}
.pure-menu-list,
.pure-menu-item {
  position: relative;
}
.pure-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pure-menu-item {
  padding: 0;
  margin: 0;
  height: 100%;
}
.pure-menu-link,
.pure-menu-heading {
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
/* HORIZONTAL MENU */
.pure-menu-horizontal {
  width: 100%;
  white-space: nowrap;
}
.pure-menu-horizontal .pure-menu-list {
  display: inline-block;
}
/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item {
  display: block;
}
.pure-menu-children {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 3;
}
.pure-menu-horizontal .pure-menu-children {
  left: 0;
  top: auto;
  width: inherit;
}
.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
  display: block;
  position: absolute;
}
/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
  padding-left: 0.5em;
  content: "\25B8";
  font-size: small;
}
/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
  content: "\25BE";
}
/* scrollable menus */
.pure-menu-scrollable {
  overflow-y: scroll;
  overflow-x: hidden;
}
.pure-menu-scrollable .pure-menu-list {
  display: block;
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
  display: inline-block;
}
.pure-menu-horizontal.pure-menu-scrollable {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  /* a little extra padding for this style to allow for scrollbars */
  padding: 0.5em 0;
}
.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
  display: none;
}
/* misc default styling */
.pure-menu-separator {
  background-color: #ccc;
  height: 1px;
  margin: 0.3em 0;
}
.pure-menu-horizontal .pure-menu-separator {
  width: 1px;
  height: 1.3em;
  margin: 0 0.3em;
}
.pure-menu-heading {
  text-transform: uppercase;
  color: #565d64;
}
.pure-menu-link {
  color: #777;
}
.pure-menu-children {
  background-color: #fff;
}
.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
  padding: 0.5em 1em;
}
.pure-menu-disabled {
  opacity: 0.5;
}
.pure-menu-disabled .pure-menu-link:hover {
  background-color: transparent;
}
.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
  background-color: #eee;
}
.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
  color: #000;
}
.pure-table {
  /* Remove spacing between table cells (from Normalize.css) */
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #cbcbcb;
}
.pure-table caption {
  color: #000;
  font: italic 85%/1 arial, sans-serif;
  padding: 1em 0;
  text-align: center;
}
.pure-table td,
.pure-table th {
  border-left: 1px solid #cbcbcb;
  /*  inner column border */
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  /*to make ths where the title is really long work*/
  padding: 0.5em 1em;
  /* cell padding */
}
/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
.pure-table td:first-child,
.pure-table th:first-child {
  border-left-width: 0;
}
.pure-table thead {
  background-color: #e0e0e0;
  color: #000;
  text-align: left;
  vertical-align: bottom;
}
/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
  background-color: transparent;
}
.pure-table-odd td {
  background-color: #f2f2f2;
}
/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2;
}
/* BORDERED TABLES */
.pure-table-bordered td {
  border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
  border-bottom-width: 0;
}
/* HORIZONTAL BORDERED TABLES */
.pure-table-horizontal td,
.pure-table-horizontal th {
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
  border-bottom-width: 0;
}
/*
Offsets from https://raw.githubusercontent.com/tilomitra/pure/d7f85e37abec3fdab14a541305ad05783159655c/src/grids/css/grids-offsets.css
Media queries from Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) {
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1-2 {
    margin-left: 50%;
    *margin-left: 49.995%;
  }
  .offset-sm-1-3 {
    margin-left: 33.33%;
    *margin-left: 33.325%;
  }
  .offset-sm-2-3 {
    margin-left: 66.67%;
    *margin-left: 66.665%;
  }
  .offset-sm-1-4 {
    margin-left: 25%;
    *margin-left: 24.995%;
  }
  .offset-sm-3-4 {
    margin-left: 75%;
    *margin-left: 74.995%;
  }
  .offset-sm-1-5 {
    margin-left: 20%;
    *margin-left: 19.995%;
  }
  .offset-sm-2-5 {
    margin-left: 40%;
    *margin-left: 39.995%;
  }
  .offset-sm-3-5 {
    margin-left: 60%;
    *margin-left: 59.995%;
  }
  .offset-sm-4-5 {
    margin-left: 80%;
    *margin-left: 79.995%;
  }
  .offset-sm-1-6 {
    margin-left: 16.66%;
    *margin-left: 16.655%;
  }
  .offset-sm-5-6 {
    margin-left: 83.33%;
    *margin-left: 83.325%;
  }
  .offset-sm-1-8 {
    margin-left: 12.5%;
    *margin-left: 12.495%;
  }
  .offset-sm-3-8 {
    margin-left: 37.5%;
    *margin-left: 37.495%;
  }
  .offset-sm-5-8 {
    margin-left: 62.5%;
    *margin-left: 62.495%;
  }
  .offset-sm-7-8 {
    margin-left: 87.5%;
    *margin-left: 87.495%;
  }
  .offset-sm-1-12 {
    margin-left: 8.33%;
    *margin-left: 8.325%;
  }
  .offset-sm-5-12 {
    margin-left: 41.67%;
    *margin-left: 41.665%;
  }
  .offset-sm-7-12 {
    margin-left: 58.33%;
    *margin-left: 58.325%;
  }
  .offset-sm-11-12 {
    margin-left: 91.67%;
    *margin-left: 91.665%;
  }
  .offset-sm-1-24 {
    margin-left: 4.17%;
    *margin-left: 4.165%;
  }
  .offset-sm-5-24 {
    margin-left: 20.83%;
    *margin-left: 20.825%;
  }
  .offset-sm-7-24 {
    margin-left: 29.17%;
    *margin-left: 29.165%;
  }
  .offset-sm-11-24 {
    margin-left: 45.83%;
    *margin-left: 45.825%;
  }
  .offset-sm-13-24 {
    margin-left: 54.17%;
    *margin-left: 54.165%;
  }
  .offset-sm-17-24 {
    margin-left: 70.83%;
    *margin-left: 70.825%;
  }
  .offset-sm-19-24 {
    margin-left: 79.17%;
    *margin-left: 79.165%;
  }
  .offset-sm-23-24 {
    margin-left: 95.83%;
    *margin-left: 95.825%;
  }
}
@media screen and (min-width: 48em) {
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1-2 {
    margin-left: 50%;
    *margin-left: 49.995%;
  }
  .offset-md-1-3 {
    margin-left: 33.33%;
    *margin-left: 33.325%;
  }
  .offset-md-2-3 {
    margin-left: 66.67%;
    *margin-left: 66.665%;
  }
  .offset-md-1-4 {
    margin-left: 25%;
    *margin-left: 24.995%;
  }
  .offset-md-3-4 {
    margin-left: 75%;
    *margin-left: 74.995%;
  }
  .offset-md-1-5 {
    margin-left: 20%;
    *margin-left: 19.995%;
  }
  .offset-md-2-5 {
    margin-left: 40%;
    *margin-left: 39.995%;
  }
  .offset-md-3-5 {
    margin-left: 60%;
    *margin-left: 59.995%;
  }
  .offset-md-4-5 {
    margin-left: 80%;
    *margin-left: 79.995%;
  }
  .offset-md-1-6 {
    margin-left: 16.66%;
    *margin-left: 16.655%;
  }
  .offset-md-5-6 {
    margin-left: 83.33%;
    *margin-left: 83.325%;
  }
  .offset-md-1-8 {
    margin-left: 12.5%;
    *margin-left: 12.495%;
  }
  .offset-md-3-8 {
    margin-left: 37.5%;
    *margin-left: 37.495%;
  }
  .offset-md-5-8 {
    margin-left: 62.5%;
    *margin-left: 62.495%;
  }
  .offset-md-7-8 {
    margin-left: 87.5%;
    *margin-left: 87.495%;
  }
  .offset-md-1-12 {
    margin-left: 8.33%;
    *margin-left: 8.325%;
  }
  .offset-md-5-12 {
    margin-left: 41.67%;
    *margin-left: 41.665%;
  }
  .offset-md-7-12 {
    margin-left: 58.33%;
    *margin-left: 58.325%;
  }
  .offset-md-11-12 {
    margin-left: 91.67%;
    *margin-left: 91.665%;
  }
  .offset-md-1-24 {
    margin-left: 4.17%;
    *margin-left: 4.165%;
  }
  .offset-md-5-24 {
    margin-left: 20.83%;
    *margin-left: 20.825%;
  }
  .offset-md-7-24 {
    margin-left: 29.17%;
    *margin-left: 29.165%;
  }
  .offset-md-11-24 {
    margin-left: 45.83%;
    *margin-left: 45.825%;
  }
  .offset-md-13-24 {
    margin-left: 54.17%;
    *margin-left: 54.165%;
  }
  .offset-md-17-24 {
    margin-left: 70.83%;
    *margin-left: 70.825%;
  }
  .offset-md-19-24 {
    margin-left: 79.17%;
    *margin-left: 79.165%;
  }
  .offset-md-23-24 {
    margin-left: 95.83%;
    *margin-left: 95.825%;
  }
}
@media screen and (min-width: 64em) {
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1-2 {
    margin-left: 50%;
    *margin-left: 49.995%;
  }
  .offset-lg-1-3 {
    margin-left: 33.33%;
    *margin-left: 33.325%;
  }
  .offset-lg-2-3 {
    margin-left: 66.67%;
    *margin-left: 66.665%;
  }
  .offset-lg-1-4 {
    margin-left: 25%;
    *margin-left: 24.995%;
  }
  .offset-lg-3-4 {
    margin-left: 75%;
    *margin-left: 74.995%;
  }
  .offset-lg-1-5 {
    margin-left: 20%;
    *margin-left: 19.995%;
  }
  .offset-lg-2-5 {
    margin-left: 40%;
    *margin-left: 39.995%;
  }
  .offset-lg-3-5 {
    margin-left: 60%;
    *margin-left: 59.995%;
  }
  .offset-lg-4-5 {
    margin-left: 80%;
    *margin-left: 79.995%;
  }
  .offset-lg-1-6 {
    margin-left: 16.66%;
    *margin-left: 16.655%;
  }
  .offset-lg-5-6 {
    margin-left: 83.33%;
    *margin-left: 83.325%;
  }
  .offset-lg-1-8 {
    margin-left: 12.5%;
    *margin-left: 12.495%;
  }
  .offset-lg-3-8 {
    margin-left: 37.5%;
    *margin-left: 37.495%;
  }
  .offset-lg-5-8 {
    margin-left: 62.5%;
    *margin-left: 62.495%;
  }
  .offset-lg-7-8 {
    margin-left: 87.5%;
    *margin-left: 87.495%;
  }
  .offset-lg-1-12 {
    margin-left: 8.33%;
    *margin-left: 8.325%;
  }
  .offset-lg-5-12 {
    margin-left: 41.67%;
    *margin-left: 41.665%;
  }
  .offset-lg-7-12 {
    margin-left: 58.33%;
    *margin-left: 58.325%;
  }
  .offset-lg-11-12 {
    margin-left: 91.67%;
    *margin-left: 91.665%;
  }
  .offset-lg-1-24 {
    margin-left: 4.17%;
    *margin-left: 4.165%;
  }
  .offset-lg-5-24 {
    margin-left: 20.83%;
    *margin-left: 20.825%;
  }
  .offset-lg-7-24 {
    margin-left: 29.17%;
    *margin-left: 29.165%;
  }
  .offset-lg-11-24 {
    margin-left: 45.83%;
    *margin-left: 45.825%;
  }
  .offset-lg-13-24 {
    margin-left: 54.17%;
    *margin-left: 54.165%;
  }
  .offset-lg-17-24 {
    margin-left: 70.83%;
    *margin-left: 70.825%;
  }
  .offset-lg-19-24 {
    margin-left: 79.17%;
    *margin-left: 79.165%;
  }
  .offset-lg-23-24 {
    margin-left: 95.83%;
    *margin-left: 95.825%;
  }
}
@media screen and (min-width: 80em) {
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1-2 {
    margin-left: 50%;
    *margin-left: 49.995%;
  }
  .offset-xl-1-3 {
    margin-left: 33.33%;
    *margin-left: 33.325%;
  }
  .offset-xl-2-3 {
    margin-left: 66.67%;
    *margin-left: 66.665%;
  }
  .offset-xl-1-4 {
    margin-left: 25%;
    *margin-left: 24.995%;
  }
  .offset-xl-3-4 {
    margin-left: 75%;
    *margin-left: 74.995%;
  }
  .offset-xl-1-5 {
    margin-left: 20%;
    *margin-left: 19.995%;
  }
  .offset-xl-2-5 {
    margin-left: 40%;
    *margin-left: 39.995%;
  }
  .offset-xl-3-5 {
    margin-left: 60%;
    *margin-left: 59.995%;
  }
  .offset-xl-4-5 {
    margin-left: 80%;
    *margin-left: 79.995%;
  }
  .offset-xl-1-6 {
    margin-left: 16.66%;
    *margin-left: 16.655%;
  }
  .offset-xl-5-6 {
    margin-left: 83.33%;
    *margin-left: 83.325%;
  }
  .offset-xl-1-8 {
    margin-left: 12.5%;
    *margin-left: 12.495%;
  }
  .offset-xl-3-8 {
    margin-left: 37.5%;
    *margin-left: 37.495%;
  }
  .offset-xl-5-8 {
    margin-left: 62.5%;
    *margin-left: 62.495%;
  }
  .offset-xl-7-8 {
    margin-left: 87.5%;
    *margin-left: 87.495%;
  }
  .offset-xl-1-12 {
    margin-left: 8.33%;
    *margin-left: 8.325%;
  }
  .offset-xl-5-12 {
    margin-left: 41.67%;
    *margin-left: 41.665%;
  }
  .offset-xl-7-12 {
    margin-left: 58.33%;
    *margin-left: 58.325%;
  }
  .offset-xl-11-12 {
    margin-left: 91.67%;
    *margin-left: 91.665%;
  }
  .offset-xl-1-24 {
    margin-left: 4.17%;
    *margin-left: 4.165%;
  }
  .offset-xl-5-24 {
    margin-left: 20.83%;
    *margin-left: 20.825%;
  }
  .offset-xl-7-24 {
    margin-left: 29.17%;
    *margin-left: 29.165%;
  }
  .offset-xl-11-24 {
    margin-left: 45.83%;
    *margin-left: 45.825%;
  }
  .offset-xl-13-24 {
    margin-left: 54.17%;
    *margin-left: 54.165%;
  }
  .offset-xl-17-24 {
    margin-left: 70.83%;
    *margin-left: 70.825%;
  }
  .offset-xl-19-24 {
    margin-left: 79.17%;
    *margin-left: 79.165%;
  }
  .offset-xl-23-24 {
    margin-left: 95.83%;
    *margin-left: 95.825%;
  }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/public/Fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/public/Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/public/Fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/public/Fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/public/Fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/public/Fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*Core app libraries override LESS*/
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 277px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 9999 !important;
  box-sizing: border-box;
}
.jq-toast-wrap > * {
  margin: 0;
  padding: 0;
}
.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}
.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 20px;
}
.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}
.jq-toast-wrap.top-right {
  top: 10px;
  right: 40px;
}
.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 5px;
  border-radius: unset;
  font-size: 1em;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  line-height: 1.1em;
  position: relative;
  pointer-events: all !important;
  background-color: #fff;
  color: #212121;
  word-wrap: break-word;
  line-height: 1.3em;
}
.jq-icon-error {
  border: 1px solid #ff5252;
}
.jq-icon-error:before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  font-family: 'Material Icons';
  top: 0;
  left: 0px;
  content: '\e000';
  background: #ff5252;
  color: #fff;
  height: 100%;
  width: 12%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 2em;
}
.jq-icon-success {
  border: 1px solid #46a728;
}
.jq-icon-success:before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  font-family: 'Material Icons';
  top: 0;
  left: 0px;
  content: '\e5ca';
  background: #46a728;
  color: #fff;
  height: 100%;
  width: 12%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 2em;
}
.jq-toast-single h2 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  margin: 0 0 0.5em 0;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}
.jq-toast-single a {
  color: #037bc1;
  text-decoration: none;
  font-weight: 700;
  border-bottom: none;
  padding-bottom: 0;
  font-size: 1em;
}
.jq-toast-single ul {
  margin: 0px 0px 0px 15px;
  background: none;
  padding: 0px;
}
.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}
.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 2em;
  cursor: pointer;
}
.jq-toast-loader {
  display: none;
  position: absolute;
  top: -2px;
  height: 5px;
  width: 0%;
  left: 0;
  border-radius: unset;
  background: red;
}
.jq-toast-loaded {
  width: 100%;
}
.jq-has-icon {
  padding: 20px 20px 20px 50px;
  background-repeat: no-repeat;
  background-position: 10px;
}
.jq-toast-single.jq-has-icon {
  right: 40px;
}
/*Keen UI / Vuetify Material components overrides*/
/*Calendar date picker*/
.ui-calendar--color-primary .ui-calendar__header {
  background: #037bc1;
}
.ui-datepicker:not(.is-disabled):hover .ui-datepicker__icon-wrapper {
  cursor: pointer;
}
.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__label-text,
.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__icon-wrapper .ui-icon {
  color: #037bc1;
}
.ui-datepicker.is-active:not(.is-disabled) .ui-datepicker__display {
  border-bottom-color: #037bc1;
}
.ui-calendar__year.is-current-year {
  font-size: 1.2em;
  font-weight: 500;
  color: #037bc1;
}
.ui-calendar-week__date {
  width: 2.4rem;
}
.ui-calendar-month__week.is-other {
  left: 17.75rem;
  display: none;
  /*Week of next month...*/
}
.ddl-reasons {
  margin-left: 2.55em;
}
.ui-calendar-month__week {
  width: 16.75rem;
  position: initial;
}
/*Progress bar*/
.ui-progress-linear--color-primary .ui-progress-linear__progress-bar {
  background-color: #037bc1;
}
/*UI icon button*/
.ui-icon-button.ui-icon-button--type-secondary .material-icons {
  color: #757575;
}
.ui-icon-button.ui-icon-button--type-secondary.has-dropdown-open .material-icons {
  color: #3572b0;
}
/*DDL*/
.ui-select__dropdown {
  min-width: 19rem;
}
.ui-select.ui-select--no-border .ui-select__display {
  border: none;
}
.ui-select.ui-select.is-multiple .ui-select__display {
  padding-top: 0;
  padding-bottom: 0;
}
.ui-select.size-large .ui-select__label-text {
  font-size: 16px;
}
.ui-select.has-floating-label .ui-select__label-text.is-floating {
  font-size: 1em;
}
.ui-select .ui-select__label-text {
  font-size: 1em;
}
.ui-select.ui-select-bg-shade {
  /*ADD A CUSTOM SHADE TO DDLS - https://doccom.atlassian.net/browse/WEB-628*/
}
.ui-select.ui-select-bg-shade .ui-select__content .ui-select__display {
  height: 2.5rem;
  background: #dddede;
  padding: 0.5em;
  box-sizing: border-box;
  border: none;
}
.ui-select .ui-select__no-results {
  box-sizing: border-box;
}
.ui-select .ui-select__search-input {
  box-sizing: border-box;
}
.ui-select .ui-select__search-input:focus + .ui-select__search-icon {
  color: #757575;
}
.ui-select .ui-select__display-value.is-placeholder {
  text-transform: none;
}
.ui-select .ui-select__display-value.is-placeholder::first-letter {
  text-transform: uppercase;
}
.ui-select-option {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  font-size: 1em;
}
.ui-select__display-value.is-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.ui-select-option.is-selected {
  color: unset;
  background: unset;
  font-weight: 400;
}
.ui-select-option.is-highlighted.is-disabled {
  background: none;
}
.ui-select-option.is-highlighted {
  background: rgba(0, 0, 0, 0.05);
}
.ui-select-option.is-selected .ui-select-option__checkbox {
  color: #3572b0;
}
.ui-select.is-active:not(.is-disabled):not(.ui-select--no-border) .ui-select__display {
  border-bottom-color: #037bc1;
  /*border-bottom: none;*/
}
.ui-select.is-active:not(.is-disabled) .ui-select__label-text,
.ui-select.is-active:not(.is-disabled) .ui-select__icon-wrapper {
  color: #037bc1;
}
.ui-select.is-disabled .ui-select__display {
  border-bottom-style: unset;
}
.ui-select__display {
  padding-top: 0;
  padding-bottom: 0;
}
.ui-select__content {
  max-width: 100%;
}
.ui-select__display-value {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}
.ui-select-option__basic {
  white-space: normal;
  overflow: visible;
  overflow-wrap: normal;
}
.ui-select__dropdown-button {
  font-size: 24px;
  /*Material standard px*/
}
.is-selected,
.ui-select-option.is-selected {
  color: #037bc1;
}
.ui-select.is-active .ui-select__dropdown-button {
  color: #037bc1;
}
.ui-select.is-active:hover .ui-select__dropdown-button {
  color: #037bc1;
}
.ui-select__search-icon:focus {
  color: #757575;
}
.ui-select__search-icon.material-icons {
  font-size: 16px;
}
/*Popover*/
.custom-popover {
  padding: 0.8em;
  color: #212121;
}
.custom-popper-wrapper {
  padding: 0.8em;
}
.drop.drop-open .custom-popover {
  display: inherit;
  /*Fixes flash of popover on page load*/
  color: #212121;
}
/*Buttons*/
.ui-button {
  font-size: 1.077em;
  font-weight: 500;
  justify-content: center;
  padding: 0;
  line-height: normal;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
}
.ui-button.ui-button--color-primary {
  background: #037bc1;
}
.ui-button.ui-button--color-primary:hover {
  opacity: 0.9;
}
.ui-button.ui-button--color-red {
  background: #ff5252;
}
.ui-button.ui-button--color-red:hover {
  opacity: 0.9;
}
.ui-button.ui-button--color-green {
  background: #46a728;
}
.ui-button.ui-button--color-green:hover {
  opacity: 0.9;
}
.ui-button.ui-button--type-secondary {
  color: #3572b0;
  background: none;
}
.ui-button.ui-button--type-secondary:hover:not(.is-disabled) {
  background: #e6e6e6;
}
.ui-button .ui-button__content {
  justify-content: center;
  margin: 0 auto;
  padding: 0 16px;
  flex: 1 0 auto;
  display: flex;
  height: 100%;
}
.ui-button.is-raised {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.14);
}
.ui-button:hover:not(.is-disabled) {
  background: #037bc1;
  opacity: 0.9;
}
.ui-button.ui-button--size-large .ui-button__content {
  padding: 0 32px;
}
.ui-button.is-disabled {
  background-color: rgba(0, 0, 0, 0.12);
  /*From Vuetify / Material specs*/
  color: rgba(0, 0, 0, 0.26);
  /*From Vuetify / Material specs*/
  opacity: 1;
}
.ui-button.is-disabled.is-loading {
  box-shadow: none;
}
.ui-button.is-disabled.is-loading .ui-progress-circular__indeterminate-path {
  stroke: rgba(0, 0, 0, 0.26);
  /*From Vuetify / Material specs*/
}
.btn.ui-button--type-button,
.btn.ui-button--type-primary {
  padding-left: unset;
  padding-right: unset;
  font-size: 1em;
}
.btn.ui-button--type-button.is-loading.is-disabled,
.btn.ui-button--type-primary.is-loading.is-disabled {
  background: none;
}
.btn.ui-button--type-button.is-loading,
.btn.ui-button--type-primary.is-loading {
  background: none;
}
.btn.ui-button--type-button.is-disabled,
.btn.ui-button--type-primary.is-disabled {
  opacity: 1;
}
.btn.ui-button--type-button .ui-progress-circular__indeterminate-path,
.btn.ui-button--type-primary .ui-progress-circular__indeterminate-path {
  color: #037bc1;
  stroke: #037bc1;
}
.btn.ui-button--type-button:hover:not(.is-disabled),
.btn.ui-button--type-primary:hover:not(.is-disabled) {
  background: #037bc1;
  opacity: 0.9;
}
.btn--plain.ui-button--type-primary {
  padding-left: unset;
  padding-right: unset;
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  line-height: normal;
  font-size: 1em;
}
.btn--plain.ui-button--type-primary:not(.btn--depressed) {
  box-shadow: none;
}
.btn--plain.ui-button--type-primary:active {
  box-shadow: none;
  outline: 0;
}
.btn--plain.ui-button--type-primary:focus {
  box-shadow: none;
  outline: 0;
}
.btn--plain.ui-button--type-primary:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn--plain.ui-button--type-primary:hover,
.btn--plain.ui-button--type-primary:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.btn--plain.ui-button--type-primary[disabled]:hover {
  cursor: not-allowed;
}
.btn--plain.ui-button--type-primary:hover,
.btn--plain.ui-button--type-primary:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.btn--plain.ui-button--type-primary[disabled]:hover {
  cursor: not-allowed;
}
.btn--plain.ui-button--type-primary.is-loading.is-disabled {
  background: none;
  line-height: normal;
}
.btn--plain.ui-button--type-primary.is-disabled {
  opacity: 1;
  background: none;
}
.btn--plain.ui-button--type-primary.is-loading {
  background: none;
}
.btn--plain.ui-button--type-primary .ui-progress-circular__indeterminate-path {
  color: #037bc1;
  stroke: #037bc1;
}
.ui-button--type-primary.ui-button--color-primary:hover:not(.is-disabled) {
  background: #037bc1;
  opacity: 0.9;
}
/*Actions btn (patient banners, lists etc)*/
.ui-button.u-actions-link-button {
  background: none;
  margin: 0;
  min-width: initial;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  color: #3572b0;
  /*color: @patient-banner-actions-colour;*/
  /*border-radius: 3px;*/
  height: auto;
  line-height: auto;
  font-size: 13px;
}
.ui-button.u-actions-link-button .material-icons {
  font-size: 24px;
  /*http://google.github.io/material-design-icons/*/
  line-height: 0.5em;
  float: none;
  margin: 0;
  padding: 0;
  color: #3572b0;
  color: #999999;
}
.ui-button.u-actions-link-button .ui-icon {
  font-size: 24px;
  height: auto;
  width: auto;
  line-height: 0.5em;
  color: #3572b0;
  color: #999999;
}
.ui-button.u-actions-link-button .ui-button__icon {
  margin: 0;
}
.ui-button.u-actions-link-button .ui-button__dropdown-icon {
  display: none;
}
.ui-button.u-actions-link-button.has-dropdown-open {
  background: none;
}
.ui-button.u-actions-link-button.has-dropdown-open .ui-button__icon {
  color: #999999;
}
.ui-button.u-actions-link-button.active {
  color: #999999;
}
.ui-button.u-actions-link-button.active .ui-button__icon {
  color: #999999;
}
.ui-button.u-actions-link-button.active .ui-icon,
.ui-button.u-actions-link-button.active .material-icons {
  color: #999999;
}
.ui-button.u-actions-link-button:focus {
  background: none;
}
.ui-button.u-actions-link-button:hover,
.ui-button.u-actions-link-button:hover:not(.is-disabled) {
  background: none;
}
.ui-button.u-actions-link-button .ui-button__content {
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  flex: 1 0 auto;
  display: flex;
  height: 100%;
}
/*Switch*/
.ui-switch--switch-position-right .ui-switch__label-text {
  margin-right: 1.3em;
  display: flex;
  align-items: center;
}
.ui-switch.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__thumb {
  background-color: #037bc1;
}
.ui-switch.ui-switch--color-primary.is-checked:not(.is-disabled) .ui-switch__track {
  background: rgba(3, 123, 193, 0.55);
}
/*Spinners*/
.ui-progress-circular--color-primary .ui-progress-circular__indeterminate-path {
  stroke: #037bc1;
}
/*Text areas / boxes*/
.ui-textbox__label-text {
  font-size: 1rem;
}
.ui-textbox.size-small.has-floating-label .ui-textbox__label-text.is-inline {
  font-size: 1em;
}
.ui-textbox .ui-textbox__label {
  border-bottom: 1px solid transparent;
}
.ui-textbox .ui-textbox__textarea {
  max-height: 160px;
  min-height: 2rem;
  padding-bottom: 0;
}
.ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea {
  border-bottom-color: #037bc1;
}
.ui-textbox.is-active.has-label .ui-textbox__label-text {
  color: #037bc1;
}
.ui-textbox.is-active.has-label .ui-textbox__icon-wrapper .ui-icon {
  color: #037bc1;
}
.ui-textbox.is-active.has-label:not(.is-disabled) {
  border-bottom-width: 1px;
}
.ui-textbox.is-active.has-label:not(.is-disabled) .ui-textbox__input {
  border-bottom-color: #037bc1;
}
.ui-textbox:hover:not(.is-disabled) .ui-textbox__input {
  border-bottom-color: #037bc1;
}
.ui-textbox.has-floating-label .ui-textbox__label-text.is-inline {
  font-size: 1.1em;
  transform: translateY(1.625rem) scale(1);
}
.ui-textbox.has-floating-label .ui-textbox__label-text.is-floating {
  font-size: 0.9em;
}
.ui-textbox.is-multi-line .ui-textbox__label-text.is-floating {
  padding-bottom: 0.5em;
}
.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__input {
  border-bottom-color: #037bc1;
}
.ui-autocomplete.is-active:not(.is-disabled) .ui-autocomplete__label-text {
  color: #037bc1;
  font-size: 1em;
}
.ui-autocomplete .ui-autocomplete__label-text {
  font-size: 1em;
}
.ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-floating {
  transform: translateY(0) scale(0.9);
}
.ui-autocomplete .ui-icon.ui-autocomplete__clear-button {
  font-size: 18px;
  color: #212121;
  top: 1.9rem;
}
.ui-autocomplete .ui-autocomplete__content,
.ui-autocomplete .ui-autocomplete__label {
  height: 100%;
}
.ui-autocomplete-suggestion.is-active {
  color: #037bc1;
}
/*Checkbox*/
.ui-checkbox--color-primary:not(.is-disabled).is-checked:hover .ui-checkbox__checkmark::before,
.ui-checkbox--color-primary:not(.is-disabled).is-checked.is-active .ui-checkbox__checkmark::before {
  background: #037bc1;
  border-color: rgba(3, 123, 193, 0.87);
}
.ui-checkbox--color-primary.is-checked .ui-checkbox__checkmark::before {
  background: #037bc1;
  border-color: rgba(3, 123, 193, 0.87);
}
/*Radio buttons*/
.ui-radio__outer-circle {
  border-color: #037bc1;
  height: 1.15rem;
  width: 1.15rem;
}
.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__outer-circle {
  border-color: #037bc1;
}
.ui-radio--color-primary.is-checked:not(.is-disabled) .ui-radio__inner-circle {
  background-color: #037bc1;
}
.ui-radio__inner-circle {
  height: 1.35rem;
  width: 1.35rem;
}
.ui-radio__input-wrapper {
  width: 1.3em;
}
/*Menu*/
.ui-menu.is-raised {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.14);
}
.ui-menu-option:not(.is-divider) {
  font-size: 1em;
}
.ui-menu-option:not(.is-divider) .ui-menu-option__text {
  line-height: 1.5em;
}
.ui-menu-option.is-divider {
  border-bottom: 1px solid #dddede;
}
/*Popover*/
.ui-popover.is-raised {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.14);
}
/*Tooltips*/
.tooltip--dark {
  transition: opacity 0.5s ease-in-out;
  color: white;
  background: black;
  padding: 0.3em;
  opacity: 0.9;
}
.tippy-tooltip.light-theme {
  background-color: #fff;
  color: #212121;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.14);
}
.tooltip.tooltip-element .tooltip-content {
  font-size: 1em;
}
/*Modals*/
.ui-modal,
.ui-modal:not(.has-footer) {
  font-size: 1em;
}
.ui-modal .ui-modal__body,
.ui-modal:not(.has-footer) .ui-modal__body {
  box-sizing: border-box;
  padding: 1rem 1.5rem 1rem 1.5rem;
}
.ui-modal .ui-modal__body::after,
.ui-modal:not(.has-footer) .ui-modal__body::after {
  /*Firefox ignores padding after scrolled elements - https://stackoverflow.com/questions/42802717/flexbox-padding-bottom-fails-in-firefox-and-safari*/
  padding: 0 0 1rem 0;
  display: flex;
  content: '';
}
.ui-modal.has-footer .ui-modal__body,
.ui-modal:not(.has-footer).has-footer .ui-modal__body {
  padding-bottom: 0.1rem;
}
.ui-modal__header {
  height: 45px;
  max-height: 45px;
}
.ui-modal.ui-modal--size-large .ui-modal__container {
  width: 75rem;
  max-height: 99vh;
}
.ui-modal.ui-modal--size-normal .ui-modal__container {
  width: 65rem;
  max-height: 99vh;
}
.ui-modal.ui-modal--size-medium .ui-modal__container {
  width: 50rem;
  max-height: 99vh;
}
.ui-modal.ui-modal--size-small.is-open .ui-modal__container {
  width: 30rem;
}
.ui-modal.ui-modal--size-small.is-open .ui-modal__container .ui-modal__body {
  min-height: auto;
  height: auto;
}
.ui-modal.ui-modal--size-fit-content {
  /* IE10+ specific styles go here */
}
.ui-modal.ui-modal--size-fit-content _:-ms-lang(x),
.ui-modal.ui-modal--size-fit-content .ui-modal__container {
  width: auto;
  display: table;
  max-width: 98vw;
}
.ui-modal.ui-modal--size-fit-content .ui-modal__body {
  max-width: 98vw;
}
.ui-modal.ui-modal--size-fit-content .ui-modal__container {
  width: fit-content;
  max-width: 98vw;
}
.ui-modal.ui-modal--full-height-fixed.no-overflow-y .ui-modal__body {
  overflow-y: hidden;
}
.ui-modal.ui-modal--full-height-fixed .ui-modal__body {
  min-height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
}
.ui-modal.ui-modal--full-height-fixed.remove-padding .ui-modal__body {
  padding-top: 0;
  padding-bottom: 0;
}
.ui-modal.ui-modal--full-height-fixed.remove-padding .ui-modal__body:after {
  padding: 0;
}
.ui-modal.ui-modal--full-height-fixed.has-footer .ui-modal__body {
  min-height: calc(100vh - 400px);
  max-height: calc(100vh - 130px);
  height: calc(100vh - 130px);
  overflow-x: hidden;
  padding-bottom: 0.1rem;
}
.ui-modal.ui-modal--size-full-screen {
  /*Full screen*/
}
.ui-modal.ui-modal--size-full-screen .ui-modal__container {
  width: 100vw;
  height: 99vh;
}
.ui-modal.ui-modal--size-full-screen .ui-modal__body {
  height: 100vh;
  /* 25px is the height of the modal header */
}
.ui-modal .ui-modal__body {
  max-height: calc(100vh - 130px);
  padding: 1rem 1.5rem 1rem 1.5rem;
}
.ui-modal .ui-modal__body .u-patientBanner {
  margin-bottom: 16px;
}
.ui-modal.has-footer .ui-modal__body {
  max-height: calc(100vh - 190px);
  overflow-x: hidden;
}
.ui-modal[role='alertdialog'] .ui-modal__body {
  min-height: auto;
  overflow-x: hidden;
}
.ui-modal .ui-modal__body-header {
  padding: 1rem 1.5rem 1rem 1.5rem;
}
.ui-modal .ui-modal__body-header:empty {
  padding: 0;
}
/*Tippy.js*/
.tippy-tooltip {
  text-align: left;
  font-size: 1em;
  line-height: 1em;
  border-radius: 0;
}
/* Styles for iPad (portrait and landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ui-modal.ui-modal--size-large .ui-modal__container {
    width: 70rem;
    max-height: 85vh;
  }
  .ui-modal.ui-modal--size-large .ui-modal__container .ui-modal__body {
    max-height: 50vh;
  }
}
/*Careflow App styles*/
/*Fonts*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/public/fonts/roboto/Roboto-Regular.woff) format('woff'), /* IE11 */ url('/public/fonts/roboto/webfont.ttf') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(/public/fonts/roboto/Roboto-Medium.woff) format('woff'), /* IE11 */ url('/public/fonts/roboto/webfont.ttf') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url(/public/fonts/roboto/Roboto-Bold.woff) format('woff'), /* IE11 */ url('/public/fonts/roboto/webfont.ttf') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(/public/fonts/roboto/Roboto-Bold.woff) format('woff'), /* IE11 */ url('/public/fonts/roboto/webfont.ttf') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(/public/fonts/roboto/Roboto-Black.woff) format('woff'), /* IE11 */ url('/public/fonts/roboto/webfont.ttf') format('woff2');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/public/fonts/material/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/public/fonts/material/MaterialIcons-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('/public/fonts/material/MaterialIcons-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/public/fonts/material/MaterialIcons-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/public/fonts/material/MaterialIcons-Regular.svg') format('svg');
  /* Legacy iOS */
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/*Base Grids and Pure overrides*/
[v-cloak] {
  display: none;
}
html,
button,
input,
select,
textarea,
.pure-g [class*='pure-u'] {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: inherit;
}
.pure-g {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
html {
  color: #212121;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
}
body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #212121;
  background: #fff;
  overflow-y: hidden;
  overflow-x: hidden;
  /*Js sets to min of 1024*/
  line-height: 1.2em;
  height: 100%;
}
.app-body {
  display: flex;
  flex-flow: row;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
/*Headers*/
h1 {
  font-size: 1.6em;
  font-weight: 500;
  margin: 0.6em 0;
}
h2 {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0.6em 0;
}
h3 {
  font-size: 1.3em;
  font-weight: 500;
  margin: 0.6em 0;
}
h4 {
  font-size: 1.2em;
  font-weight: 500;
  margin: 0.6em 0;
}
h5 {
  font-size: 1.2em;
  font-weight: 500;
  margin: 0.6em 0;
}
p {
  margin-bottom: 1.4em;
  line-height: 1.4em;
}
.pure-form input[type='text'],
.pure-form input[type='password'],
.pure-form input[type='email'],
.pure-form input[type='url'],
.pure-form input[type='date'],
.pure-form input[type='month'],
.pure-form input[type='time'],
.pure-form input[type='datetime'],
.pure-form input[type='datetime-local'],
.pure-form input[type='week'],
.pure-form input[type='number'],
.pure-form input[type='search'],
.pure-form input[type='tel'],
.pure-form input[type='color'],
.pure-form input[type='color'],
.pure-form select,
.pure-form textarea {
  /*border-radius: @input-border-radius;*/
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dddede;
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  background: #fff;
}
textarea {
  overflow-wrap: break-word;
  resize: none;
}
/*WEBKIT - Remove banana yellow autofill on signin*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {
  border: none !important;
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
  color: rgba(0, 0, 0, 0.38) !important;
  /*Per Nick Harewoods specs*/
  box-shadow: 0 1px 0 0 #037bc1, inset 0 0 0px 9999px white;
}
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #9e9e9e;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9e9e9e;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9e9e9e;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9e9e9e;
}
input[type='text']::-ms-clear {
  /*Remove Edge clear*/
  display: none;
}
.pure-form input[type='text'][disabled] {
  background-color: #eaeded;
}
.pure-form select {
  padding: 0.3em 0 0.5em 0.1em;
}
button:focus {
  outline: none;
}
.pure-table {
  /*font-size:0.95em;*/
}
.pure-table td {
  position: relative;
  padding: 0.4em 0.8em;
}
.pure-table-bordered tbody > tr:last-child > td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #dddede;
}
.pure-form--noPad input[type='text'] {
  padding: 0;
}
.pure-table thead {
  background: rgba(0, 0, 0, 0.05);
  color: #212121;
  text-transform: uppercase;
  font-weight: 400;
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
  background: #037bc1;
  color: #fff;
  /*border-radius: 5px;*/
}
.pure-form fieldset {
  margin: 0.35em 0;
  padding: 0;
  border: 0;
}
.pure-form label {
  text-transform: none;
  font-weight: 500;
}
a {
  text-decoration: none;
  color: #3572b0;
}
small {
  font-size: 0.9em;
  font-weight: 400;
}
/*Custom layouts*/
.l-box {
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.l-box--2 {
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2em;
}
.l-box--3 {
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3em;
}
.l-box--4 {
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4em;
}
.formRow {
  padding: 0.2em 0 0.2em 0;
}
.formRow--footer-actions {
  padding: 0.5em 0 0 0;
}
.formFooter {
  margin: 1.5em 0 0 0;
  border-top: 1px solid #dddede;
  padding: 0.5em 0 0 0;
}
.appBodyContent {
  position: relative;
}
/*Custom Views*/
body.view--blank-1 {
  border-top: 7px solid #037bc1;
  background: rgba(0, 0, 0, 0.05);
}
/*Global header navigation*/
.appHeader {
  padding: 0 1em 0 1.3em;
  background: #037bc1;
  color: #fff;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*height:3.7em;*/
}
.appHeader .appHeader__links {
  margin: 0;
  padding: 0;
}
.appHeader .appHeader__links > li {
  display: inline-block;
  float: left;
  position: relative;
}
/*VeeValidate*/
.help.is-danger {
  color: #ff5252;
}
/*Layout -- Blank*/
.layout-master-page--blank {
  background: #fff;
}
/*Sign In Page*/
.sign-in-body-container {
  height: 100%;
  background: #44A292;
  overflow-y: auto;
  position: relative;
  display: flex;
  flex-flow: column;
}
/*Feeds*/
.feed-scroll-wrapper,
.scroll-wrapper {
  overflow-anchor: none;
  scroll-behavior: smooth;
}
.feed-wrapper {
  padding: 0 0.7em 1em 0.7em;
}
.feed-wrapper .feed-loading-content {
  margin-bottom: 4em;
}
.feed-wrapper--is-loading {
  padding: 1em 0;
  margin: 1em 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}
.feedBody__createContent-plus--bt--scroll-up {
  opacity: 1;
}
.feedBody__createContent-plus--bt--scroll-down {
  opacity: 0.6;
}
.feedBody__refresh-btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  position: relative;
  top: 1.2em;
  display: flex;
  align-items: center;
}
.feedBody__refresh-btn:not(.btn--depressed) {
  box-shadow: none;
}
.feedBody__refresh-btn:active {
  box-shadow: none;
  outline: 0;
}
.feedBody__refresh-btn:focus {
  box-shadow: none;
  outline: 0;
}
.feedBody__refresh-btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.feedBody__refresh-btn:hover,
.feedBody__refresh-btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.feedBody__refresh-btn[disabled]:hover {
  cursor: not-allowed;
}
.feedBody__refresh-btn:hover,
.feedBody__refresh-btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.feedBody__refresh-btn[disabled]:hover {
  cursor: not-allowed;
}
.feedBody__refresh-btn .material-icons {
  font-size: 22px;
}
.feedBody__refresh-btn:hover {
  color: #037bc1;
}
/*.feedBody__loadEarlierItems--patientView {
    .feedBody__loadEarlierItems;
    margin-bottom: 3em;
}*/
.feedBody__wrapper {
  position: relative;
}
.feedBody__container {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.8em;
  color: #212121;
  margin: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  background: none;
  width: 100%;
  max-width: 800px;
  width: 680px;
  box-sizing: border-box;
}
.feedBody__empty {
  font-size: 1.4em;
  font-weight: 500;
}
.feedBody__item,
.feedBody__item--read {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: .9em;*/
}
.feedBody__item:last {
  border-bottom: 0;
}
.feedBody__item .feedBody__bodyContent {
  padding: 0.7em 0.7em 0.5em 0.7em;
}
.feedBody__item .feedBody__bodyContent--no-pad-top {
  padding: 0.7em 0.7em 0.5em 0.7em;
  padding-top: 0;
}
.feedBody__item-img {
  margin: 1em 0;
}
.feedBody__item-img:hover {
  cursor: pointer;
}
.feedBody__item-video {
  margin: 1em 0;
}
.feedBody__item-download-wrapper {
  display: flex;
  margin: 0 0 1em 0;
  align-items: center;
  flex-direction: row;
}
.feedBody__item-download-wrapper .material-icons {
  color: #3572b0;
}
.feedBody__item-download-wrapper .btn--plain {
  display: flex;
  align-items: center;
}
.feedBody__item-event {
  margin: 1em 0;
}
.feedBody__item-event .event__icon {
  padding: 0 0.5em 0 0;
}
.feedBody__item-event .event__icon .fa {
  font-size: 2.5em;
}
.feedBody__item-event .event__time {
  padding: 0 0 0.2em 0;
}
.feedBody__item-event .event__address {
  display: flex;
  flex-direction: column;
}
.feedBody__item_footer {
  padding: 0.5em 0.9em;
  text-align: right;
}
.feedBody__item-collapse-btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  font-size: 1.3em;
  color: #757575;
  opacity: 0.3;
}
.feedBody__item-collapse-btn:not(.btn--depressed) {
  box-shadow: none;
}
.feedBody__item-collapse-btn:active {
  box-shadow: none;
  outline: 0;
}
.feedBody__item-collapse-btn:focus {
  box-shadow: none;
  outline: 0;
}
.feedBody__item-collapse-btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.feedBody__item-collapse-btn:hover,
.feedBody__item-collapse-btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.feedBody__item-collapse-btn[disabled]:hover {
  cursor: not-allowed;
}
.feedBody__item-collapse-btn:hover,
.feedBody__item-collapse-btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.feedBody__item-collapse-btn[disabled]:hover {
  cursor: not-allowed;
}
.feedBody__item-collapse-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 8;
  font-size: 1.3em;
  color: #757575;
}
.feedBody__item-collapse-icon:hover {
  cursor: pointer;
  color: #037bc1;
}
.item_footer__btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  font-size: 1.3em;
  font-weight: 500;
}
.item_footer__btn:not(.btn--depressed) {
  box-shadow: none;
}
.item_footer__btn:active {
  box-shadow: none;
  outline: 0;
}
.item_footer__btn:focus {
  box-shadow: none;
  outline: 0;
}
.item_footer__btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.item_footer__btn:hover,
.item_footer__btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.item_footer__btn[disabled]:hover {
  cursor: not-allowed;
}
.item_footer__btn:hover,
.item_footer__btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.item_footer__btn[disabled]:hover {
  cursor: not-allowed;
}
.item__video {
  width: 40%;
  max-width: 40%;
  max-height: 25em;
  background-size: 100% 100%;
  /*Stretch the poster*/
}
.item__image {
  max-width: 8%;
}
.item__image:hover {
  cursor: pointer;
}
.item__image-dlBtn {
  display: block;
  margin: 0.4em 0;
}
.item__event {
  font-size: 1.4em;
  margin: 0.8em 0 1em 0;
}
.item__event .item__calendar {
  font-size: 2em;
  margin: 0 0.2em 0 0;
}
.feedBody__item--read-icon {
  color: green;
}
.feedBody__item--inview-last-visible {
  background: green;
  color: green;
}
.feedBody__bodyContent .referral__sbar {
  border-bottom: 1px solid #dddede;
}
.referral__sbar-wrapper {
  margin: 0 0 1em 0;
  white-space: pre-line;
  -ms-word-break: normal;
  word-break: normal;
}
.itemTitle__body {
  font-weight: 400;
  color: #757575;
  margin: 0 0 0 0.5em;
  font-size: 0.9em;
}
.bodyContent__itemDate,
.comments__itemDate {
  float: none;
  margin: 0 0 0 0.7em;
  color: #757575;
}
.feedBody__comments {
  margin: 0;
  border-top: 1px solid #dddede;
}
.earlierReplies__btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  margin: 0.8em 0 0.6em 0;
}
.earlierReplies__btn:not(.btn--depressed) {
  box-shadow: none;
}
.earlierReplies__btn:active {
  box-shadow: none;
  outline: 0;
}
.earlierReplies__btn:focus {
  box-shadow: none;
  outline: 0;
}
.earlierReplies__btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.earlierReplies__btn:hover,
.earlierReplies__btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.earlierReplies__btn[disabled]:hover {
  cursor: not-allowed;
}
.earlierReplies__btn:hover,
.earlierReplies__btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.earlierReplies__btn[disabled]:hover {
  cursor: not-allowed;
}
.item__reply-btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  margin: 0.9em 0 0 0;
}
.item__reply-btn:not(.btn--depressed) {
  box-shadow: none;
}
.item__reply-btn:active {
  box-shadow: none;
  outline: 0;
}
.item__reply-btn:focus {
  box-shadow: none;
  outline: 0;
}
.item__reply-btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.item__reply-btn:hover,
.item__reply-btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.item__reply-btn[disabled]:hover {
  cursor: not-allowed;
}
.item__reply-btn:hover,
.item__reply-btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.item__reply-btn[disabled]:hover {
  cursor: not-allowed;
}
.comments__authorMeta {
  font-size: 1em;
  margin: 0;
}
.feedBody__itemReply {
  margin: 1em 0 0 0;
}
.itemReply__submit-btn {
  margin: 0.4em 0;
}
.itemReply__txtarea {
  border: none;
  padding: 0;
  box-shadow: none;
  margin: 35px 0 1em 0;
  width: 100%;
  min-height: initial;
  max-height: none;
}
/*Panel toggle / collapse*/
.sidePanel-collapse-wrapper {
  display: flex;
  padding: 0.6em 0;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  color: #3572b0;
  font-weight: 500;
}
.sidePanel-collapse-wrapper:hover {
  cursor: pointer;
}
/*Patient Feed - feed items*/
.feedBody__item-sortDate {
  display: block;
  margin: 1em 0;
  padding: 0.3em 0;
  text-align: center;
  font-weight: 400;
  color: #757575;
  font-size: 0.9em;
}
.feedBody__item-sortDate:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
/*new My Tasks*/
.tasks__filters-wrapper {
  padding: 0 0 1em 0;
  margin: 0 0 0 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-bottom: 1px solid #dddede;
  -webkit-flex-wrap: wrap;
  /*Important to be responsive*/
  flex-wrap: wrap;
}
.tasks__filters-wrapper .ui-select {
  margin-bottom: 0;
}
.tasks__filters-wrapper .filterBlock {
  box-sizing: border-box;
  min-width: 16em;
  max-width: 300px;
  margin: 0;
  border-right: 1px solid #dddede;
  padding: 0 1.3em 0 1.3em;
}
.tasks__filters-wrapper .filterBlock:first-of-type {
  padding-left: 0;
}
.tasks__filters-wrapper .filterBlock {
  min-width: 13em;
}
.tasks__filters-wrapper .task-invalid-icon {
  /*If filter no longer valid on view*/
  color: #ff5252;
  display: inline-flex;
  position: relative;
}
.tasks__filters-wrapper .task-invalid-icon .material-icons {
  font-size: 15px;
  left: -5px;
  position: relative;
}
.tasks__filters-wrapper .filterBlock__btn-group {
  /*Like thise used in Tasks (urgent etc)*/
  margin: 0;
  padding: 0;
}
.tasks__filters-wrapper .filterBlock__btn-group button.btn {
  margin: 0;
  padding: 0.4em 0.8em;
  text-transform: uppercase;
  /*background: #DFDFDF;
        color: #9E9E9E;
        background: @button-inactive-bg;
        color: @button-inactive-colour;*/
  background: #fff;
  border: 1px solid #037bc1;
  color: #037bc1;
}
.tasks__filters-wrapper .filterBlock__btn-group button.btn:hover {
  /*background: @button-inactive-bg;
            color: @button-inactive-colour;*/
  background: #037bc1;
  color: #fff;
}
.tasks__filters-wrapper .filterBlock__btn-group button.btn.first {
  /* top-left-and-bottom-right | top-right-and-bottom-left */
  border-radius: 2px;
}
.tasks__filters-wrapper .filterBlock__btn-group button.btn.last {
  /* top-left-and-bottom-right | top-right-and-bottom-left */
  border-radius: 0 2px 2px 0;
}
.tasks__filters-wrapper .filterBlock__btn-group button.btn.active {
  background: #037bc1;
  color: #fff;
}
.tasks-loader-wrapper {
  padding: 1em 0;
  margin: 1em 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.tasks-view-type-wrapper {
  display: flex;
  justify-content: end;
  justify-content: flex-end;
}
.tasks__raiseTask-btn {
  font-size: 13px;
  margin: 0 0 0 auto;
}
.tasks__urgent {
  color: #ff5252;
}
.tasks__allocatedTeam {
  display: flex;
  align-items: center;
  margin: 0 0 0.6em 0;
}
.tasks__allocatedUser {
  display: flex;
  align-items: center;
  margin: 0;
}
.tasks__status-meta-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tasks__taskStatus {
  display: flex;
  align-items: center;
  position: relative;
  left: -3px;
  /*To pull the icon in*/
  margin: 0 0 0.6em 0;
}
.tasks__taskStatus--completed {
  display: flex;
  align-items: center;
  position: relative;
  left: -3px;
  /*To pull the icon in*/
  margin: 0 0 0.6em 0;
}
.tasks__taskStatus--completed .material-icons {
  color: #07ac00;
}
.tasks__taskStatus--unassigned {
  display: flex;
  align-items: center;
  position: relative;
  left: -3px;
  /*To pull the icon in*/
  margin: 0 0 0.6em 0;
  left: 0;
}
.taskItem-wrapper {
  padding: 0;
  margin: 0.8em 0 15em 0.8em;
  box-sizing: border-box;
  width: 97%;
}
.taskItem-wrapper .itemReply__txtarea {
  border: none;
  padding: 0;
  box-shadow: none;
  margin: 35px 0 1em 0;
  width: 100%;
  min-height: initial;
  max-height: none;
}
.taskItem-wrapper .itemReply__submit-btn {
  margin-top: 1em;
}
.taskItem-body {
  padding: 0 0.8em 123px 0.8em;
}
.taskItem__name-row {
  width: 100%;
}
.taskItem__name-row.u-subheading--strong {
  margin-bottom: 0;
}
.taskItem__createdDate {
  color: #757575;
  margin: 0 0 0.8em 0;
}
.taskItem__notes {
  margin: 0 0 0.8em 0;
  padding: 0 0 0.8em 0;
  border-bottom: 1px solid #dddede;
  white-space: pre-wrap;
}
.taskItem__urgency-toggle {
  display: flex;
  padding: 0 20px 0 0;
}
.taskItem__urgency-toggle .ui-switch {
  display: flex;
  align-items: center;
}
.taskItem__urgency-toggle .ui-switch__label-text {
  display: flex;
  align-items: center;
}
.taskItem__urgency-toggle .ui-switch__label-text .material-icons {
  color: #ff5252;
  margin: 0 5px 0 0;
}
.taskItem__metaWrapper {
  border-bottom: 1px solid #dddede;
  margin: 0 0 0.8em 0;
  padding: 0 0 0.8em 0;
}
.taskItem__metaWrapper .taskItem__metaAssigned {
  flex: 1;
  flex-grow: 1;
}
.taskItem__metaWrapper .taskItem__metaAssigned .ui-select__search {
  width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}
.taskItem__metaWrapper .taskItem__metaActions {
  flex: 1;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}
.taskItem__metaWrapper .taskItem__metaActions button:has(.btn, .btn--plain) {
  margin: 0 0 0 0;
}
.taskItem__metaWrapper .taskItem__metaActions button[class^='btn'],
.taskItem__metaWrapper .taskItem__metaActions button {
  margin: 0 1em 0 0;
}
.taskItem__metaWrapper .taskItem__metaActions .col1 {
  display: flex;
  flex-basis: 35%;
  margin: 0 0 0 1em;
  box-sizing: border-box;
}
.taskItem__metaWrapper .taskItem__metaActions .col1.is-accepted {
  height: 100%;
  /*padding-bottom: 1em;*/
  padding-left: 0.8em;
  align-items: center;
}
.taskItem__metaWrapper .taskItem__metaActions .col1.is-accepted .accepted-label {
  display: block;
}
.taskItem__metaWrapper .taskItem__metaActions .col1 .tasks__taskStatus {
  margin-bottom: 0;
}
.taskItem__metaWrapper .taskItem__metaActions .col2 {
  display: flex;
  flex-basis: 65%;
  justify-content: flex-end;
}
.taskItem__remove-wrapper {
  min-width: 210px;
}
.taskItem__comments-wrapper .comments__item:first-of-type {
  padding-top: 0;
}
.taskItem__comments-wrapper .ui-select-option {
  border-bottom: 1px solid #dddede;
}
.taskItem__see-all-history-btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  display: block;
  margin: 0 0 1em 0;
}
.taskItem__see-all-history-btn:not(.btn--depressed) {
  box-shadow: none;
}
.taskItem__see-all-history-btn:active {
  box-shadow: none;
  outline: 0;
}
.taskItem__see-all-history-btn:focus {
  box-shadow: none;
  outline: 0;
}
.taskItem__see-all-history-btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.taskItem__see-all-history-btn:hover,
.taskItem__see-all-history-btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.taskItem__see-all-history-btn[disabled]:hover {
  cursor: not-allowed;
}
.taskItem__see-all-history-btn:hover,
.taskItem__see-all-history-btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.taskItem__see-all-history-btn[disabled]:hover {
  cursor: not-allowed;
}
.taskItem__assigned-user-ddl-template {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
}
.taskItem__assigned-user-ddl-template .assigned-user-ddl-template__avatar {
  flex-basis: auto;
  align-items: center;
  display: flex;
  margin-right: 0.5em;
}
.taskItem__assigned-user-ddl-template .assigned-user-ddl-template__avatar .u-user-avatar--img-small {
  margin-right: 0;
}
.taskItem__assigned-user-ddl-template .assigned-user-ddl-template__avatar .presenceStatus {
  right: -4px;
  bottom: 0px;
}
.taskItem__assigned-user-ddl-template .assigned-user-ddl-template__meta {
  flex-basis: 89%;
  overflow-wrap: normal;
}
.taskItem__assigned-user-ddl-template .assigned-user-ddl-template__meta .assigned-user-ddl-template__user {
  flex-basis: 100%;
}
.taskItem__assigned-user-ddl-template .assigned-user-ddl-template__meta .assigned-user-ddl-template__lastOnline {
  flex-basis: 100%;
  margin: 0.2em 0 0 0;
}
/*Tasks - New Team and Patient Tasks*/
.team-tasks-wrapper .filterBlock.meta-filters,
.patient-tasks-wrapper .filterBlock.meta-filters,
.my-tasks-wrapper .filterBlock.meta-filters {
  min-width: initial;
}
.team-tasks-wrapper .filterBlock.meta-filters button,
.patient-tasks-wrapper .filterBlock.meta-filters button,
.my-tasks-wrapper .filterBlock.meta-filters button {
  border-radius: 2px;
}
.my-tasks-wrapper .view-title--team-wrapper {
  /*padding-bottom: 0;*/
}
.my-tasks-wrapper .view-type-btn {
  /*.u-link-trans();*/
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  /*-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
  margin: 0;
  padding: 0 0.5em;
  color: #3572b0;
}
.my-tasks-wrapper .view-type-btn:not(.btn--depressed) {
  box-shadow: none;
}
.my-tasks-wrapper .view-type-btn:active {
  box-shadow: none;
  outline: 0;
}
.my-tasks-wrapper .view-type-btn:focus {
  box-shadow: none;
  outline: 0;
}
.my-tasks-wrapper .view-type-btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.my-tasks-wrapper .view-type-btn:hover,
.my-tasks-wrapper .view-type-btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.my-tasks-wrapper .view-type-btn[disabled]:hover {
  cursor: not-allowed;
}
.my-tasks-wrapper .view-type-btn:hover,
.my-tasks-wrapper .view-type-btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.my-tasks-wrapper .view-type-btn[disabled]:hover {
  cursor: not-allowed;
}
.my-tasks-wrapper .view-type-btn.active {
  color: #212121;
}
.my-tasks-wrapper .view-type-btn.active:hover {
  cursor: text;
  color: #212121;
}
.my-tasks-wrapper .view-type-btn:hover {
  color: #3572b0;
}
.my-tasks-wrapper .view-type-btn:first-of-type {
  padding-left: 0;
}
/*Network Admin*/
.admin-nav {
  /*Pure.css custom*/
  width: 175px;
  max-width: 175px;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  box-sizing: border-box;
}
.admin-body {
  width: calc(100% - 175px);
  max-width: calc(100% - 175px);
  display: flex;
  flex-direction: column;
  background: #fff;
}
/*Genric nav / body */
.app-view-nav {
  width: 175px;
  max-width: 175px;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  box-sizing: border-box;
}
.app-view-body {
  width: calc(100% - 175px);
  max-width: calc(100% - 175px);
  display: flex;
  flex-direction: column;
}
/*Patient Handovers*/
/*Patient Banners*/
.patientBanner {
  padding: 0;
  background: #fff;
  color: #212121;
  border: 1px solid #dddede;
}
.patientBanner .patientBanner__actions .actions__btn {
  background: #fff;
}
.patientBanner .patientBanner__label {
  color: #757575;
}
.patientBanner .patientBanner__patientIdentifiers {
  margin-bottom: 0;
}
.patientBanner .patientBanner__name {
  margin-bottom: 0;
}
.patientBanner .patientBanner__name a {
  color: #212121;
}
.patientBanner__actions {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  /*padding: .7em 0 0 0;*/
  padding: 0;
  cursor: pointer;
  width: 60px;
  display: flex;
  align-items: center;
  -ms-flex-line-pack: center;
  /*IE 10*/
  -ms-flex-align: center;
  /*IE 10*/
  justify-content: center;
  /*border-radius: 0 @standard-border-radius @standard-border-radius 0;*/
}
.patientBanner__actions .actions__btn {
  /*App 'actions' btn*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  /*-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
  position: relative;
  background: none;
  /*border: 1px solid @careflow--blue;*/
  color: #037bc1;
  /*border: 1px solid @patient-banner-actions-colour;*/
  /*color: @patient-banner-actions-colour;*/
  /*border-radius: 3px;*/
  padding: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  border: none;
  font-size: 13px;
}
.patientBanner__actions .actions__btn i.fa {
  font-size: 0.4em;
  margin: 0 0.4em 0 0;
  float: left;
}
.patientBanner__actions .actions__btn i.material-icons {
  font-size: 24px;
  /*http://google.github.io/material-design-icons/*/
  line-height: 0.5em;
  float: none;
  margin: 0;
  padding: 0;
  color: #037bc1;
}
.patientBanner__actions .actions__btn i:last-of-type {
  margin-right: 0;
}
.patientBanner__actions .actions__btn:hover {
  color: #999999;
}
.patientBanner__actions .actions__btn .iconWrapper {
  border-radius: 3px;
  position: relative;
  top: 0;
}
.patientBanner__actions .actions__btn.active {
  background: transparent;
  color: #999999;
}
.patientBanner__actions .actions__btn :hover {
  cursor: pointer;
}
.patientBanner__actions .actions__btn[disabled] {
  cursor: default !important;
  /*To prevent flash of not allowed cursor*/
}
.patientBanner__actions .actions__btn i {
  float: left;
  margin: 0 0.3em 0 0;
  font-size: 0.4em;
}
.patientBanner__actions .actions__btn i:last-of-type {
  margin-right: 0;
}
.patientBanner__data {
  width: calc(100% - 60px);
}
.patientBanner__patientDetails {
  padding: 0.7em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.patientBanner__patientIdentifiers {
  margin: 0 0 0.4em 0;
}
.patientBanner__patientSurname {
  text-transform: uppercase;
}
.patientBanner-wrapper {
  display: table-row;
}
.patientBanner-container {
  margin-bottom: 2em;
}
.patientBanner-container--micro {
  margin-bottom: 2em;
  margin-top: 1em;
}
.patientBanner--minimal {
  padding: 0;
  background: #fff;
  border: 1px solid #dddede;
  background: rgba(0, 0, 0, 0.05);
  margin: 0 0 1em 0;
  color: #212121;
}
.patientBanner--minimal .patientBanner__actions .actions__btn {
  background: #fff;
}
.patientBanner--minimal .patientBanner__label {
  color: #757575;
}
.patientBanner--minimal .patientBanner__patientIdentifiers {
  margin-bottom: 0;
}
.patientBanner--minimal .patientBanner__name {
  margin-bottom: 0;
}
.patientBanner--minimal .patientBanner__name a {
  color: #212121;
}
.patientBanner--minimal .patientBanner--rightSpacer {
  margin-right: 0.3em;
}
.patientBanner--minimal .patientBanner__name {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
.patientBanner--minimal .patientBanner__label {
  margin: 0 0.2em 0 0;
  color: #757575;
}
.patientBanner--minimal .patientBanner__actions .actions__btn {
  background: #fff;
  /*border: 1px solid @careflow--blue;*/
}
/*.patientBanner--minimal-startConversation {
    .patientBanner--minimal;
    margin: 0 0 0.6em 0;
}*/
.patientBanner--micro {
  padding: 0;
  background: #fff;
  border: 1px solid #dddede;
  background: rgba(0, 0, 0, 0.05);
  margin: 0 0 1em 0;
  color: #212121;
  margin-bottom: 0;
  border: 0;
}
.patientBanner--micro .patientBanner__actions .actions__btn {
  background: #fff;
}
.patientBanner--micro .patientBanner__label {
  color: #757575;
}
.patientBanner--micro .patientBanner__patientIdentifiers {
  margin-bottom: 0;
}
.patientBanner--micro .patientBanner__name {
  margin-bottom: 0;
}
.patientBanner--micro .patientBanner__name a {
  color: #212121;
}
.patientBanner--micro .patientBanner--rightSpacer {
  margin-right: 0.3em;
}
.patientBanner--micro .patientBanner__name {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
.patientBanner--micro .patientBanner__label {
  margin: 0 0.2em 0 0;
  color: #757575;
}
.patientBanner--micro .patientBanner__actions .actions__btn {
  background: #fff;
  /*border: 1px solid @careflow--blue;*/
}
.patientBanner--micro .patientBanner__patientIdentifier {
  white-space: nowrap;
}
.patientBanner--thin {
  padding: 0;
  background: #fff;
  color: #212121;
  border: 1px solid #dddede;
}
.patientBanner--thin .patientBanner__actions .actions__btn {
  background: #fff;
}
.patientBanner--thin .patientBanner__label {
  color: #757575;
}
.patientBanner--thin .patientBanner__patientIdentifiers {
  margin-bottom: 0;
}
.patientBanner--thin .patientBanner__name {
  margin-bottom: 0;
}
.patientBanner--thin .patientBanner__name a {
  color: #212121;
}
.patientBanner--feedItem {
  padding: 0;
  background: #fff;
  border: 1px solid #dddede;
  background: rgba(0, 0, 0, 0.05);
  margin: 0 0 1em 0;
  color: #212121;
  padding: 0.3em 0;
  border: none;
  font-size: 0.9em;
  margin: 0.5em 0;
  background: no-repeat;
  /*color: @text-light;*/
}
.patientBanner--feedItem .patientBanner__actions .actions__btn {
  background: #fff;
}
.patientBanner--feedItem .patientBanner__label {
  color: #757575;
}
.patientBanner--feedItem .patientBanner__patientIdentifiers {
  margin-bottom: 0;
}
.patientBanner--feedItem .patientBanner__name {
  margin-bottom: 0;
}
.patientBanner--feedItem .patientBanner__name a {
  color: #212121;
}
.patientBanner--feedItem .patientBanner--rightSpacer {
  margin-right: 0.3em;
}
.patientBanner--feedItem .patientBanner__name {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
.patientBanner--feedItem .patientBanner__label {
  margin: 0 0.2em 0 0;
  color: #757575;
}
.patientBanner--feedItem .patientBanner__actions .actions__btn {
  background: #fff;
  /*border: 1px solid @careflow--blue;*/
}
.patientBanner--feedItem .patientBanner__name {
  font-size: 0.9em;
  margin-bottom: 0.3em;
  margin-right: 1em;
}
.patientBanner--feedItem .patientBanner__patientIdentifier {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-size: 0.9em;
}
.patientBanner--feedItem .patientBanner__patientDob {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 1em 0 0;
  font-size: 0.9em;
}
.patientBanner--feedItemInline {
  padding: 0;
  background: #fff;
  border: 1px solid #dddede;
  background: rgba(0, 0, 0, 0.05);
  margin: 0 0 1em 0;
  color: #212121;
  padding: 0.3em 0;
  border: none;
  font-size: 0.9em;
  margin: 0.5em 0;
  background: no-repeat;
  /*color: @text-light;*/
  margin: 0;
  padding-top: 0;
}
.patientBanner--feedItemInline .patientBanner__actions .actions__btn {
  background: #fff;
}
.patientBanner--feedItemInline .patientBanner__label {
  color: #757575;
}
.patientBanner--feedItemInline .patientBanner__patientIdentifiers {
  margin-bottom: 0;
}
.patientBanner--feedItemInline .patientBanner__name {
  margin-bottom: 0;
}
.patientBanner--feedItemInline .patientBanner__name a {
  color: #212121;
}
.patientBanner--feedItemInline .patientBanner--rightSpacer {
  margin-right: 0.3em;
}
.patientBanner--feedItemInline .patientBanner__name {
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
.patientBanner--feedItemInline .patientBanner__label {
  margin: 0 0.2em 0 0;
  color: #757575;
}
.patientBanner--feedItemInline .patientBanner__actions .actions__btn {
  background: #fff;
  /*border: 1px solid @careflow--blue;*/
}
.patientBanner--feedItemInline .patientBanner__name {
  font-size: 0.9em;
  margin-bottom: 0.3em;
  margin-right: 1em;
}
.patientBanner--feedItemInline .patientBanner__patientIdentifier {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-size: 0.9em;
}
.patientBanner--feedItemInline .patientBanner__patientDob {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 1em 0 0;
  font-size: 0.9em;
}
.patientBanner--feedItemInline .patientBanner__name {
  margin-right: 0.8em;
  font-weight: 400;
}
.patientBanner--feedItemInline .patientBanner__patientDob {
  margin-right: 0.8em;
}
.patientBanner__label {
  margin: 0 0.4em 0 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #757575;
}
.patientBanner__label--noInfo {
  margin: 0 0.4em 0 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #757575;
  margin: 0;
  font-size: 0.9em;
  font-style: italic;
}
.patientBanner__value {
  font-weight: 400;
}
.patientBanner__name-wrapper {
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  align-items: center;
}
.patientBanner__name {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0.2em;
  overflow-wrap: break-word;
}
.patientBanner__locations .patientBanner__value {
  /*white-space: nowrap;*/
}
.patientBanner__patientIdentifier {
  font-weight: 400;
}
.patientBanner__patientDob {
  font-weight: 400;
}
.patientBanner__patientDod {
  font-weight: 400;
}
.patientBanner__location {
  font-weight: 400;
}
.patientBanner__bayBed {
  font-weight: 400;
}
.patientBanner__clinician {
  font-weight: 400;
}
.patientBanner__patientGender {
  font-weight: 400;
}
.patientBanner--rightSpacer {
  margin-right: 1.4em;
}
.patientBanner--rightSpacer-med {
  margin-right: 0.5em;
}
.patientBanner-additionalIdentifiers__icon {
  font-size: 0.9em;
}
.patientBanner-additionalIdentifiers__icon:hover {
  cursor: pointer;
}
.patientBanner-additionalIdentifiers__ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #212121;
}
.patientBanner-additionalIdentifiers__ul .patientBanner__label {
  white-space: pre;
  color: #757575;
}
.patientBanner__patientIdentifier--alternative__ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.patientBanner-launchModal-icon:hover {
  cursor: pointer;
}
.patientBanner--micro__row {
  margin: 0.5em 0 0 0;
}
.patientBanner-actions {
  color: #212121;
}
.patientBanner-actions__ul {
  padding: 0.7em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.patientBanner-actions__li {
  padding: 0.3em 0;
}
.patientBanner-actions__li:hover {
  cursor: pointer;
  color: #037bc1;
}
/*Patient banners - Vue.js SFC - https://confluence.systemc.com/pages/viewpage.action?pageId=16941521*/
.u-patientBanner {
  background: rgba(0, 0, 0, 0.05);
  padding: 1em;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.u-patientBanner .patientBanner__actions {
  width: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.u-patientBanner .patientBanner__data {
  width: calc(100% - 35px);
}
.u-patientBanner .patientName {
  font-size: 1em;
  /*margin-bottom: 16px;*/
  box-sizing: border-box;
  font-weight: 500;
  margin: 0 0 8px 0;
}
.u-patientBanner .identifiers__set {
  /*margin-left: auto;
        order: 2;*/
  text-align: right;
  box-sizing: border-box;
  font-weight: 500;
}
.u-patientBanner .identifiers__set .set__block {
  display: inline-block;
  margin: 0 0 0 32px;
}
.u-patientBanner .identifiers__set .set__block:first-child {
  margin-left: 0;
}
.u-patientBanner .clinician__set {
  font-weight: 500;
  box-sizing: border-box;
}
.u-patientBanner .label {
  font-weight: 500;
  margin: 0 0.5em 0 0;
  color: rgba(0, 0, 0, 0.54);
}
.u-patientBanner .actionsBtn {
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
}
.u-patientBanner .actionsBtn .material-icons {
  line-height: 0.7em;
}
.u-patientBanner--micro {
  /*Used in Alert feed inbox*/
}
.u-patientBanner--micro .patient-label {
  font-weight: 500;
  margin: 0 0.5em 0 0.5em;
  color: rgba(0, 0, 0, 0.54);
}
.u-patientBanner--micro .patient-label:nth-of-type(1) {
  margin-left: 0;
}
.u-patientBanner--micro .patient-data {
  font-weight: 500;
}
.u-patientBanner--micro .patient-nameRow {
  white-space: pre;
}
/*Group / Team Home View Pages*/
.pure-u-team-nav {
  /*Pure.css custom*/
  width: 45px;
  border-right: rgba(245, 245, 245, 0.6);
  display: flex;
  box-sizing: border-box;
}
.pure-u-team-nav.full-width-nav {
  width: 230px;
  box-sizing: border-box;
}
.pure-u-team-body {
  /*Pure.css custom*/
  width: calc(100% - 45px);
  max-width: calc(100% - 45px);
  display: flex;
  flex-direction: column;
}
.team-home-side-panel {
  display: flex;
  flex-flow: column;
  min-width: 290px;
  max-width: 290px;
  width: 290px;
}
.network-team-view-wrapper {
  display: flex;
}
.team-meta-wrapper {
  display: flex;
  flex-flow: column;
  margin: 0 0 2em 0;
}
.team-meta-wrapper .team-description {
  color: #757575;
  line-height: 1.3em;
  max-height: 160px;
  overflow: auto;
  white-space: pre-line;
}
/*Team Referrals*/
.teamReferral-status-popover {
  min-width: 250px;
}
/*Team Referrals End*/
.appEnvironmentBanner {
  text-align: center;
  background-color: #ffcc00;
  line-height: 25px;
  text-transform: capitalize;
}
.viewHeader__title {
  font-size: 1.1em;
  padding: 0 1.5em 0 0;
  font-weight: 500;
  display: inline-block;
  position: relative;
  top: -1px;
  max-width: 45%;
}
.viewHeader--settings__cog-btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
  font-size: 1.8em;
  position: relative;
  top: 0.3em;
  color: #757575;
}
.viewHeader--settings__cog-btn:not(.btn--depressed) {
  box-shadow: none;
}
.viewHeader--settings__cog-btn:active {
  box-shadow: none;
  outline: 0;
}
.viewHeader--settings__cog-btn:focus {
  box-shadow: none;
  outline: 0;
}
.viewHeader--settings__cog-btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.viewHeader--settings__cog-btn:hover,
.viewHeader--settings__cog-btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.viewHeader--settings__cog-btn[disabled]:hover {
  cursor: not-allowed;
}
.viewHeader--settings__cog-btn:hover,
.viewHeader--settings__cog-btn:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.viewHeader--settings__cog-btn[disabled]:hover {
  cursor: not-allowed;
}
.viewHeader--settings__cog-btn:hover {
  color: #037bc1;
}
.viewHeader--settings__cog-btn--active {
  color: #037bc1;
}
/*View Blocks - general*/
.view-block {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.8em;
  color: #212121;
  margin: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.view-block--blank {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.8em;
  color: #212121;
  margin: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
}
.view-block--no-margin {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.8em;
  color: #212121;
  margin: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}
.view-block--no-margin-r {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.8em;
  color: #212121;
  margin: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
}
.view-block__title {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
}
.view-block__title:before,
.view-block__title:after {
  content: ' ';
  display: table;
  clear: both;
}
.view-block__title .btn--plain {
  text-transform: none;
}
.view-block__title--small {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
  font-size: 1.1em;
  text-transform: none;
}
.view-block__title--small:before,
.view-block__title--small:after {
  content: ' ';
  display: table;
  clear: both;
}
.view-block__title--small .btn--plain {
  text-transform: none;
}
.view-block__title--large {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
  font-size: 1.1em;
}
.view-block__title--large:before,
.view-block__title--large:after {
  content: ' ';
  display: table;
  clear: both;
}
.view-block__title--large .btn--plain {
  text-transform: none;
}
.view-block__title--flat {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
  font-size: 1.1em;
  border-bottom: none;
}
.view-block__title--flat:before,
.view-block__title--flat:after {
  content: ' ';
  display: table;
  clear: both;
}
.view-block__title--flat .btn--plain {
  text-transform: none;
}
.view-block__title--flat-normal {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
  font-size: 1.1em;
  border-bottom: none;
  text-transform: none;
}
.view-block__title--flat-normal:before,
.view-block__title--flat-normal:after {
  content: ' ';
  display: table;
  clear: both;
}
.view-block__title--flat-normal .btn--plain {
  text-transform: none;
}
.view-block__label-solid {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
  border-bottom: 0;
  background: rgba(0, 0, 0, 0.05);
  padding: 0.3em;
  margin: 0.9em 0;
}
.view-block__label-solid:before,
.view-block__label-solid:after {
  content: ' ';
  display: table;
  clear: both;
}
.view-block__label-solid .btn--plain {
  text-transform: none;
}
.view-block__title--feed {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
  margin: 0;
}
.view-block__title--feed:before,
.view-block__title--feed:after {
  content: ' ';
  display: table;
  clear: both;
}
.view-block__title--feed .btn--plain {
  text-transform: none;
}
.view-title {
  text-transform: none;
  font-size: 1.5em;
  margin: 0;
  font-weight: 500;
  border: none;
  padding: 0;
}
.view-title--team-wrapper,
.view-title--view-wrapper {
  /*Team title must always be wrapped*/
  margin: 0;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  align-items: baseline;
  /*Feature links - patient dashboard*/
}
.view-title--team-wrapper .view-title--team-title,
.view-title--view-wrapper .view-title--team-title {
  text-transform: none;
  font-size: 1.5em;
  margin: 0;
  font-weight: 500;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.view-title--team-wrapper .head-filter-toggle-btn,
.view-title--view-wrapper .head-filter-toggle-btn {
  color: #3572b0;
  margin: 0 0 0 1.6em;
  font-weight: 500;
}
.view-title--team-wrapper .head-filter-toggle-btn:hover,
.view-title--view-wrapper .head-filter-toggle-btn:hover {
  cursor: pointer;
}
.view-title--team-wrapper .title-patient-list-links,
.view-title--view-wrapper .title-patient-list-links {
  display: flex;
}
.view-title--team-wrapper .title-patient-list-links .link,
.view-title--view-wrapper .title-patient-list-links .link {
  color: #3572b0;
}
.view-title--team-wrapper .title-patient-list-links .link.active,
.view-title--view-wrapper .title-patient-list-links .link.active {
  color: #212121;
}
.view-title--team-wrapper .title-patient-list-links .link.active:hover,
.view-title--view-wrapper .title-patient-list-links .link.active:hover {
  cursor: default;
}
.view-title--team-wrapper .title-patient-list-links .link:hover,
.view-title--view-wrapper .title-patient-list-links .link:hover {
  cursor: pointer;
}
.view-title--team-wrapper .title-patient-list-links .link-divider,
.view-title--view-wrapper .title-patient-list-links .link-divider {
  margin: 0 0.5em;
}
/*UL lists*/
.u-ul--plain {
  padding: 0;
  margin: 0;
}
.u-ul--plain > li {
  list-style-type: none;
}
/*Buttons*/
.btn {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  font-weight: 500;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  line-height: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
}
.btn:not(.btn--depressed) {
  box-shadow: none;
}
.btn:active {
  box-shadow: none;
  outline: 0;
}
.btn:focus {
  box-shadow: none;
  outline: 0;
}
.btn:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn:hover,
.btn:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.btn[disabled]:hover {
  cursor: not-allowed;
}
.btn--plain {
  /*.u-link-trans();*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  background: #037bc1;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.6em 0.8em;
  letter-spacing: normal;
  /*line-height: 0.7em;*/
  border-radius: none;
  position: relative;
  font-size: 1em;
  box-shadow: unset;
  height: auto;
  min-width: initial;
  text-transform: initial;
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  outline: 0;
  /*flex: 0 1 auto;
    align-items: center;*/
  text-decoration: none;
  vertical-align: middle;
  border: 0;
  background: no-repeat;
  background: none;
  padding: 0;
  margin: 0;
  color: #037bc1;
  line-height: 1em;
  font-weight: 500;
  border-radius: unset;
  vertical-align: initial;
  align-self: center;
}
.btn--plain:not(.btn--depressed) {
  box-shadow: none;
}
.btn--plain:active {
  box-shadow: none;
  outline: 0;
}
.btn--plain:focus {
  box-shadow: none;
  outline: 0;
}
.btn--plain:focus:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn--plain:hover,
.btn--plain:hover:not(.is-disabled) {
  cursor: pointer;
  /*background: inherit;*/
  opacity: 0.9;
}
.btn--plain[disabled]:hover {
  cursor: not-allowed;
}
.btn--plain:hover,
.btn--plain:hover:not(.is-disabled) {
  cursor: pointer;
  background: none;
}
.btn--plain[disabled]:hover {
  cursor: not-allowed;
}
.btn-flex-push-left {
  margin: 0 auto 0 0;
}
/*View menus*/
.page-menu-top {
  border-bottom: 1px solid #cdcdcd;
}
.pure-menu-heading {
  text-transform: capitalize;
  font-size: 1.1em;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
}
.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
  background: #037bc1;
  color: #fff;
}
.pure-menu-link[data-active='true'] {
  background: #037bc1;
  color: #fff;
}
/*Data Tables custom*/
.dataTables-topFilters {
  margin: 0 0 1em 0;
}
.dataTables_info {
  font-weight: 500;
}
/*Typeaheads and overrides*/
.tt-wrapper--block {
  display: block !important;
  /*margin-bottom: -12px;*/
  width: 100%;
}
.twitter-typeahead {
  /*top:-2px;*/
}
.pure-form input.tt-input {
  margin-top: 0;
}
input[type='text'].tt-hint {
  border-color: #dddede;
  margin-top: 0;
  background-color: #fff !important;
}
.tt-hint[readonly] {
  background-color: transparent !important;
}
.tt-menu {
  width: 255px;
  min-width: 255px;
  background: #999;
  color: #fff;
}
.tt-menu:hover {
  cursor: pointer;
}
.tt-selectable {
  border-bottom: 1px solid #ffffff;
  padding: 1em;
}
.typeahead__avatar {
  display: table-cell;
}
.typeahead__optionText {
  display: table-cell;
  vertical-align: top;
}
/*Empty containers*/
.containerEmpty-wrapper {
  font-size: 1.3em;
  line-height: 1.2em;
  text-align: center;
  font-weight: 300;
  color: #7f7f7f;
  padding: 3em 2.5em 2.5em 2.5em;
  box-sizing: border-box;
}
.containerEmpty-wrapper .fa {
  font-size: 3em;
}
.containerEmpty-wrapper--plain {
  font-size: 1.3em;
  line-height: 1.2em;
  text-align: center;
  font-weight: 300;
  color: #7f7f7f;
  padding: 3em 2.5em 2.5em 2.5em;
  box-sizing: border-box;
  font-size: 1.5em;
  text-align: left;
  padding: 0;
}
.containerEmpty-wrapper--plain .fa {
  font-size: 3em;
}
.containerEmpty-wrapper--plain .fa {
  font-size: 1em;
}
.containerEmpty-wrapper--noDisplay {
  font-size: 1.3em;
  line-height: 1.2em;
  text-align: center;
  font-weight: 300;
  color: #7f7f7f;
  padding: 3em 2.5em 2.5em 2.5em;
  box-sizing: border-box;
  display: none;
}
.containerEmpty-wrapper--noDisplay .fa {
  font-size: 3em;
}
.containerEmpty-wrapper--noPad {
  font-size: 1.3em;
  line-height: 1.2em;
  text-align: center;
  font-weight: 300;
  color: #7f7f7f;
  padding: 3em 2.5em 2.5em 2.5em;
  box-sizing: border-box;
  padding: 0;
}
.containerEmpty-wrapper--noPad .fa {
  font-size: 3em;
}
.containerEmpty-txt {
  display: block;
}
.containerEmpty-txt--small {
  display: block;
  font-size: 1em;
}
/*Presence indicators - position span next to avatar img, within a relative pos container*/
.avatarWrapper {
  position: relative;
  display: inline-block;
  margin-right: 0.9em;
}
.avatarWrapper > .u-user-avatar--img {
  margin-right: 0;
}
.presenceStatus {
  border-radius: 50%;
  width: 1em;
  display: inline-block;
  height: 1em;
  position: absolute;
  right: -4px;
  bottom: 6px;
}
.presenceStatus--offline {
  border-radius: 50%;
  width: 1em;
  display: inline-block;
  height: 1em;
  position: absolute;
  right: -4px;
  bottom: 6px;
  background: none;
}
.presenceStatus--online {
  border-radius: 50%;
  width: 1em;
  display: inline-block;
  height: 1em;
  position: absolute;
  right: -4px;
  bottom: 6px;
  background: #46a728;
}
.presenceStatus--offline-less-seven {
  border-radius: 50%;
  width: 1em;
  display: inline-block;
  height: 1em;
  position: absolute;
  right: -4px;
  bottom: 6px;
  background: #ff9900;
}
.newMessage .pure-form .pure-form-group[type='text'] {
  padding: 0;
}
/*Time Out modal*/
/*Global list buttons*/
.u-ui-popout .qtip-content {
  padding: 0;
}
.u-ui-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.u-ui-list .list-item-link {
  display: block;
  margin: 0;
  padding: 0.8em 1.5em;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-ui-list .list-item-link:hover {
  cursor: pointer;
  background: #037bc1;
  color: #fff;
  text-decoration: none;
}
.u-ui-list-wrapper .qtip-content {
  padding: 0;
}
.u-ui-popout-list-ul {
  margin: 0;
  padding: 0;
  color: #212121;
  border: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 10em;
  list-style-type: none;
}
.u-ui-popout-list-li {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  /*-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
  display: block;
}
.u-ui-popout-list-li:hover {
  background: #037bc1;
  color: #fff;
  cursor: pointer;
}
.u-ui-popout-list-li i {
  font-size: 1em;
}
.u-ui-popout-list-li a {
  color: #000;
}
.u-ui-popout-list-li a:hover {
  color: #fff;
}
.u-ui-popout-list-element {
  padding: 0.6em 0.6em;
  display: block;
}
.u-ui-popout-list-element--btn {
  padding: 0.6em 0.6em;
  display: block;
  color: #212121;
  font-weight: inherit;
  font-size: inherit;
  border: none;
  width: 100%;
  text-align: left;
  background: none;
}
.u-ui-popout-list-element--btn:hover {
  background: #037bc1;
  color: #fff;
}
/*Tables*/
.u-data-table--default {
  margin: 0 0 15em 0;
  width: 100%;
  padding: 0 0 0 0.5em;
  box-sizing: border-box;
}
.u-data-table--default.no-margin-btm {
  margin-bottom: 0;
}
.u-data-table--default .table__head {
  /*color: @text-light;*/
  padding: 0;
  border-bottom: 1px solid #dddede;
  /*background: @view-block-bg;*/
  background: none;
  font-weight: 500;
}
.u-data-table--default .table__head.has-scroll {
  width: calc(100% - 15px);
}
.u-data-table--default .table__head div[class^='pure-u'] {
  padding: 0.5em 0.3em;
  box-sizing: border-box;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  align-items: center;
}
.u-data-table--default .table__head div[class^='pure-u'].active i {
  color: #037bc1;
}
.u-data-table--default .table__head div[class^='pure-u'].u-table-head__sort-col {
  color: #3572b0;
  font-weight: 500;
  display: flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.u-data-table--default .table__head div[class^='pure-u'].u-table-head__sort-col:hover {
  cursor: pointer;
}
.u-data-table--default .table__head div[class^='pure-u'].u-table-head__sort-col .active {
  color: #037bc1;
}
.u-data-table--default .table__body {
  position: relative;
  flex-flow: column;
  /*overflow-x: hidden;*/
}
.u-data-table--default .cell--no-pad {
  padding: 0;
}
.u-data-table--default .table__row {
  border-bottom: 1px solid #dddede;
  padding: 0.3em 0;
  position: relative;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: flex-start;
}
.u-data-table--default .table__row div[class^='pure-u'],
.u-data-table--default .table__row .body__cell {
  padding: 0.3em;
  height: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  display: flex;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: flex-start;
  align-self: normal;
}
.u-data-table--default .table__row div,
.u-data-table--default .table__row span {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.u-data-table--default .table__row .patient__data-cell {
  width: 100%;
  display: flex;
}
.u-data-table--default .table__row .patient__data-cell .patient__data {
  font-weight: 400;
  display: inline-block;
}
.u-data-table--default .table__row .patient__data-cell .patient__data .patient-name {
  font-weight: 500;
  margin: 0 0 0.3em 0;
  display: inline-block;
}
.u-data-table--default .table__row .patient__data-cell .patient__data--identifiers {
  font-weight: 500;
  margin: 0 0 0.8em 0;
}
.u-data-table--default .table__row .patient__data-cell .patient__data--identifiers .identifiers__set {
  display: inline-block;
  margin: 0 1em 0 0;
}
.u-data-table--default .table__row .patient__data-cell .patient__data--identifiers .identifiers__set:last-of-type {
  margin-right: 0;
}
.u-data-table--default .table__row .patient__data-cell .patient__data--identifiers .label {
  font-weight: 400;
}
.u-data-table--default .table__row:not(.no-hover):hover {
  background: rgba(3, 123, 193, 0.12);
  cursor: pointer;
}
.u-data-table--default .table__row.active {
  background: rgba(3, 123, 193, 0.12);
}
.u-data-table--default .label {
  color: #757575;
  font-weight: 400;
  margin: 0 0.3em 0 0;
  display: inline-block;
}
.u-data-table--default tr:hover {
  cursor: pointer;
}
.u-data-table--default .table__results-end {
  margin-bottom: 5em;
}
.u-data-table--default .table__results-end-scrolling {
  margin-bottom: 5em;
}
/*Table filters (top row)*/
.u-table-filters-wrapper {
  padding: 0 0 1em 0;
  margin: 0 0 0 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-bottom: 1px solid #dddede;
  -webkit-flex-wrap: wrap;
  /*Important to be responsive*/
  flex-wrap: wrap;
}
.u-table-filters-wrapper .ui-select {
  margin-bottom: 0;
}
.u-table-filters-wrapper .filterBlock {
  box-sizing: border-box;
  min-width: 16em;
  max-width: 300px;
  margin: 0;
  border-right: 1px solid #dddede;
  padding: 0 1.3em 0 1.3em;
}
.u-table-filters-wrapper .filterBlock:first-of-type {
  padding-left: 0;
}
[v-cloak] {
  display: none;
}
/*Sentinels*/
.sentinel {
  min-height: 1px;
  min-width: 1px;
}
/*Custom jquery components*/
hr {
  border: none;
  border-top: 1px solid #dddede;
}
.match__highlight {
  font-weight: bold;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  /*Main nav popout*/
  [x-placement^='top'].tippy-popper [data-animation='fade'][data-state='visible'] {
    transform: none;
  }
  [x-placement^='top'].tippy-popper [data-animation='shift-away'][data-state='visible'] {
    transform: none;
  }
  [x-placement^='bottom'].tippy-popper [data-animation='fade'][data-state='visible'] {
    transform: none;
  }
  [x-placement^='bottom'].tippy-popper [data-animation='shift-away'][data-state='visible'] {
    transform: none;
  }
  .sign-in-wrapper {
    z-index: 10;
  }
  .sign-in-panel {
    margin-left: auto;
    margin-right: auto;
    flex: 0 0 auto;
  }
  .hpca-email-image {
    width: 400px;
    max-width: 100%;
  }
  .networkHome__teams-nav-ul .teamsName-wrapper {
    width: 90%;
  }
  .join-teams-modal .list-item {
    height: 40px;
  }
  .create-patient-wrapper .create-patient-form .item-row {
    display: block;
  }
  .main-navigation .navigation__right .search-wrapper {
    height: 40px;
  }
  .population-search.is-global .ui-select__options,
  .clinic-list-search.is-global .ui-select__options {
    background: none;
  }
  .population-search.is-global .row.datepicker-row,
  .clinic-list-search.is-global .row.datepicker-row {
    padding: 16px 0 0 0;
    box-sizing: border-box;
  }
}
/*End*/
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*
sm 	@media screen and (min-width: 35.5em) 	≥ 568px
md 	@media screen and (min-width: 48em) 	≥ 768px
lg 	@media screen and (min-width: 64em) 	≥ 1024px
xl 	@media screen and (min-width: 80em) 	≥ 1280px 
*/
/*@media screen and (min-width: 35.5em) { //≥ 568px
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-4,
    .pure-u-sm-3-4,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-5-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-8,
    .pure-u-sm-3-8,
    .pure-u-sm-5-8,
    .pure-u-sm-7-8,
    .pure-u-sm-1-12,
    .pure-u-sm-5-12,
    .pure-u-sm-7-12,
    .pure-u-sm-11-12,
    .pure-u-sm-1-24,
    .pure-u-sm-2-24,
    .pure-u-sm-3-24,
    .pure-u-sm-4-24,
    .pure-u-sm-5-24,
    .pure-u-sm-6-24,
    .pure-u-sm-7-24,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24,
    .pure-u-sm-10-24,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-sm-5-12,
    .pure-u-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-sm-7-12,
    .pure-u-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-sm-5-8,
    .pure-u-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-sm-3-4,
    .pure-u-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-sm-7-8,
    .pure-u-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-5-5,
    .pure-u-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) { //≥ 768px
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-2,
    .pure-u-md-1-3,
    .pure-u-md-2-3,
    .pure-u-md-1-4,
    .pure-u-md-3-4,
    .pure-u-md-1-5,
    .pure-u-md-2-5,
    .pure-u-md-3-5,
    .pure-u-md-4-5,
    .pure-u-md-5-5,
    .pure-u-md-1-6,
    .pure-u-md-5-6,
    .pure-u-md-1-8,
    .pure-u-md-3-8,
    .pure-u-md-5-8,
    .pure-u-md-7-8,
    .pure-u-md-1-12,
    .pure-u-md-5-12,
    .pure-u-md-7-12,
    .pure-u-md-11-12,
    .pure-u-md-1-24,
    .pure-u-md-2-24,
    .pure-u-md-3-24,
    .pure-u-md-4-24,
    .pure-u-md-5-24,
    .pure-u-md-6-24,
    .pure-u-md-7-24,
    .pure-u-md-8-24,
    .pure-u-md-9-24,
    .pure-u-md-10-24,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-md-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-md-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-md-5-12,
    .pure-u-md-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-md-7-12,
    .pure-u-md-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-md-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-md-5-8,
    .pure-u-md-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-md-2-3,
    .pure-u-md-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-md-3-4,
    .pure-u-md-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-md-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-md-5-6,
    .pure-u-md-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-md-7-8,
    .pure-u-md-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-5-5,
    .pure-u-md-24-24 {
        width: 100%;
    }
}*/
@media screen and (min-width: 0em) {
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-2,
  .pure-u-lg-1-3,
  .pure-u-lg-2-3,
  .pure-u-lg-1-4,
  .pure-u-lg-3-4,
  .pure-u-lg-1-5,
  .pure-u-lg-2-5,
  .pure-u-lg-3-5,
  .pure-u-lg-4-5,
  .pure-u-lg-5-5,
  .pure-u-lg-1-6,
  .pure-u-lg-5-6,
  .pure-u-lg-1-8,
  .pure-u-lg-3-8,
  .pure-u-lg-5-8,
  .pure-u-lg-7-8,
  .pure-u-lg-1-12,
  .pure-u-lg-5-12,
  .pure-u-lg-7-12,
  .pure-u-lg-11-12,
  .pure-u-lg-1-24,
  .pure-u-lg-2-24,
  .pure-u-lg-3-24,
  .pure-u-lg-4-24,
  .pure-u-lg-5-24,
  .pure-u-lg-6-24,
  .pure-u-lg-7-24,
  .pure-u-lg-8-24,
  .pure-u-lg-9-24,
  .pure-u-lg-10-24,
  .pure-u-lg-11-24,
  .pure-u-lg-12-24,
  .pure-u-lg-13-24,
  .pure-u-lg-14-24,
  .pure-u-lg-15-24,
  .pure-u-lg-16-24,
  .pure-u-lg-17-24,
  .pure-u-lg-18-24,
  .pure-u-lg-19-24,
  .pure-u-lg-20-24,
  .pure-u-lg-21-24,
  .pure-u-lg-22-24,
  .pure-u-lg-23-24,
  .pure-u-lg-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-lg-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-lg-1-12,
  .pure-u-lg-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-lg-1-8,
  .pure-u-lg-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-lg-1-6,
  .pure-u-lg-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-lg-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-lg-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-lg-1-4,
  .pure-u-lg-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-lg-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-lg-1-3,
  .pure-u-lg-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-lg-3-8,
  .pure-u-lg-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-lg-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-lg-5-12,
  .pure-u-lg-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-lg-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-lg-1-2,
  .pure-u-lg-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-lg-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-lg-7-12,
  .pure-u-lg-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-lg-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-lg-5-8,
  .pure-u-lg-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-lg-2-3,
  .pure-u-lg-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-lg-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-lg-3-4,
  .pure-u-lg-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-lg-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-lg-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-lg-5-6,
  .pure-u-lg-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-lg-7-8,
  .pure-u-lg-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-lg-11-12,
  .pure-u-lg-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-lg-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-5-5,
  .pure-u-lg-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 80em) {
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-1-2,
  .pure-u-xl-1-3,
  .pure-u-xl-2-3,
  .pure-u-xl-1-4,
  .pure-u-xl-3-4,
  .pure-u-xl-1-5,
  .pure-u-xl-2-5,
  .pure-u-xl-3-5,
  .pure-u-xl-4-5,
  .pure-u-xl-5-5,
  .pure-u-xl-1-6,
  .pure-u-xl-5-6,
  .pure-u-xl-1-8,
  .pure-u-xl-3-8,
  .pure-u-xl-5-8,
  .pure-u-xl-7-8,
  .pure-u-xl-1-12,
  .pure-u-xl-5-12,
  .pure-u-xl-7-12,
  .pure-u-xl-11-12,
  .pure-u-xl-1-24,
  .pure-u-xl-2-24,
  .pure-u-xl-3-24,
  .pure-u-xl-4-24,
  .pure-u-xl-5-24,
  .pure-u-xl-6-24,
  .pure-u-xl-7-24,
  .pure-u-xl-8-24,
  .pure-u-xl-9-24,
  .pure-u-xl-10-24,
  .pure-u-xl-11-24,
  .pure-u-xl-12-24,
  .pure-u-xl-13-24,
  .pure-u-xl-14-24,
  .pure-u-xl-15-24,
  .pure-u-xl-16-24,
  .pure-u-xl-17-24,
  .pure-u-xl-18-24,
  .pure-u-xl-19-24,
  .pure-u-xl-20-24,
  .pure-u-xl-21-24,
  .pure-u-xl-22-24,
  .pure-u-xl-23-24,
  .pure-u-xl-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xl-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-xl-1-12,
  .pure-u-xl-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-xl-1-8,
  .pure-u-xl-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-xl-1-6,
  .pure-u-xl-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-xl-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-xl-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-xl-1-4,
  .pure-u-xl-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-xl-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-xl-1-3,
  .pure-u-xl-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-xl-3-8,
  .pure-u-xl-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-xl-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-xl-5-12,
  .pure-u-xl-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-xl-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-xl-1-2,
  .pure-u-xl-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-xl-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-xl-7-12,
  .pure-u-xl-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-xl-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-xl-5-8,
  .pure-u-xl-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-xl-2-3,
  .pure-u-xl-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-xl-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-xl-3-4,
  .pure-u-xl-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-xl-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-xl-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-xl-5-6,
  .pure-u-xl-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-xl-7-8,
  .pure-u-xl-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-xl-11-12,
  .pure-u-xl-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-xl-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-5-5,
  .pure-u-xl-24-24 {
    width: 100%;
  }
}
@media print {
  @page {
    margin: 3%;
  }
  html,
  body {
    overflow-y: visible !important;
    overflow-x: visible !important;
    width: auto !important;
    height: auto !important;
    color: #000;
  }
  header,
  .appBodyContent,
  .jq-toast-wrap,
  .qtip,
  .drop-element,
  .ui-textbox__counter {
    display: none !important;
  }
  h6 {
    font-size: 8pt;
  }
  .btn--plain {
    color: black !important;
  }
  .u-screen-only {
    display: none !important;
  }
  .page-break {
    display: block;
    page-break-before: always;
  }
  .notes-content {
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
    padding: 2px;
  }
  .notes-td {
    vertical-align: top;
    padding: 4px;
    border: 1px solid #ccc;
  }
  table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  td,
  th {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  tr {
    page-break-inside: avoid;
  }
  .appPrintContent * {
    word-wrap: break-word;
  }
  .appPrintContent table {
    border-collapse: collapse;
    box-sizing: border-box;
    table-layout: fixed;
  }
  .appPrintContent table.table-plain {
    width: 100%;
    height: auto;
    margin: 0.1em 0;
    border: none;
  }
  .appPrintContent table.table-plain tr:last-child td {
    padding: 0 0 0.5em 0.2em;
    border-bottom: none;
  }
  .appPrintContent table.table-plain tr:nth-child(2):last-child td,
  .appPrintContent table.table-plain tr td:only-child {
    border-bottom: 1px solid grey;
  }
  .appPrintContent table.table-plain tr:nth-child(4):last-child td {
    border-bottom: 1px solid grey;
  }
  .appPrintContent table.table-plain td {
    color: #000 !important;
    border: 1px solid grey;
  }
  .appPrintContent table.table-plain td.notes-td {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /* Instead use this non-standard one: */
    /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
    padding: 0.2em 0.2em;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
  }
  .appPrintContent table.table-plain td.notes-td pre {
    white-space: pre-wrap;
    /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    overflow-x: hidden;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    margin: 0;
  }
  .appPrintContent table.table-plain td.meta-td {
    padding-left: 0.2em;
    padding-bottom: 0;
    margin-bottom: 0;
    vertical-align: middle;
    overflow: visible;
  }
  .appPrintContent table.table-plain td.meta-td pre {
    white-space: pre-wrap;
    /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    overflow-x: hidden;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
  }
  .appPrintContent table.table-plain th {
    border: none;
    padding: 0;
    border-collapse: collapse;
    word-wrap: break-word;
  }
  .appPrintContent table tr th,
  .appPrintContent table tr td {
    box-sizing: border-box;
    padding: 0 0 1.5em 0;
    border: 1px solid #000;
    vertical-align: top;
    font-size: 8pt;
    height: auto;
    display: table-cell;
  }
  .appPrintContent table tr th.no-pad,
  .appPrintContent table tr td.no-pad {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: table-cell;
  }
  .appPrintContent table tbody:first-child td.meta-td {
    border-top: none;
    vertical-align: middle;
  }
  .appPrintContent table tbody tr td.p-td {
    padding-left: 0.5em;
  }
  .appPrintContent table [data-grouping] {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    color: #000;
  }
  .appPrintContent button,
  .appPrintContent .patientHandover__noteCounter {
    display: none;
  }
  .appPrintContent a {
    color: #000 !important;
  }
  .appPrintContent .clinical-tag {
    display: inline-block !important;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #dddede;
    background: none;
    padding: 0.4em;
    margin: 0 0.25em 0.5em 0;
    line-height: 1.1em;
    position: relative;
    font-size: 8pt;
    flex-flow: wrap;
  }
  .appPrintContent .clinical-tag .clinicalTag__value {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .appPrintContent .clinical-tag .fa {
    display: none !important;
  }
  .appPrintContent .ews-svg-wrapper {
    display: flex;
    align-items: flex-start;
    margin: 0;
    color: #000;
  }
  .appPrintContent .ews-svg-wrapper .ews-change-icon {
    display: flex;
    height: 18px;
    max-height: 18px;
    width: 12px;
    margin: 0 0 0 0.3em;
  }
  .appPrintContent .ews-svg-wrapper div {
    display: inherit;
  }
  .appPrintContent .identifier-row {
    width: 100%;
  }
  .appPrintContent .identifier-row span {
    display: inline;
    white-space: nowrap;
  }
  .appPrintContent .sbar-row {
    border-bottom: 1px solid #000;
  }
  .appPrintContent .sbar-row.profile-handover-not-exists {
    border-bottom: none !important;
  }
  .appPrintContent .other-profiles-row {
    margin-top: auto !important;
  }
  .appPrintContent .clinical-tag-wrapper {
    margin-top: 0;
  }
  .appPrintContent textarea {
    outline: none;
    border: none;
    font-size: 9pt;
    height: auto !important;
  }
}
@media screen {
  .appPrintContent {
    display: none !important;
  }
  .page-break {
    display: none;
  }
  .u-print-only {
    display: none !important;
  }
}
/*Utility*/
.u-hidden {
  visibility: hidden;
}
.u-modalPrompt__wrapper {
  margin: 0 0 5em 0;
}
.u-user-avatar--link {
  display: table-cell;
  vertical-align: top;
}
.u-userAvatar--itemContent {
  display: table-cell;
  width: 100%;
}
.u-user-avatar--img {
  border-radius: 100%;
  width: 40px;
  margin: 0 1em 0 0;
}
.u-user-avatar--img-small {
  border-radius: 100%;
  width: 22px;
  margin: 0 0.5em 0 0;
}
.u-user-avatar--img-right {
  border-radius: 100%;
  width: 40px;
  margin: 0 0 0 1em;
}
.u-avatar--img {
  border-radius: 100%;
}
.u-pull-left {
  float: left;
}
.u-bold {
  font-weight: bold;
}
.u-m-top-0 {
  margin-top: 0;
}
.u-pull-right {
  float: right;
}
.u-centre-align {
  margin: 0 auto;
}
.u-fs-xs {
  font-size: 0.85em;
}
.u-fs-sm {
  font-size: 0.95em;
}
.u-fs-xl {
  font-size: 2.2em;
}
.u-v-align--top {
  vertical-align: top;
}
.u-text-left {
  text-align: left;
}
.u-text-right {
  text-align: right;
}
.u-text-middle,
.u-text-centre,
.u-text-center {
  text-align: center;
}
.u-text-top {
  vertical-align: text-top;
}
.u-text-upper {
  text-transform: uppercase;
}
.u-block {
  display: block;
}
.u-inline-block {
  display: inline-block;
}
.u-display-t {
  display: table;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.u-display-t-cell {
  display: table-cell;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.u-display-t-cell--full-width {
  display: table-cell;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.u-cell-valign-middle {
  display: table-cell;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.u-display-t-cell--full-width--middle {
  display: table-cell;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
}
.u-relative {
  position: relative;
}
.u-fixed {
  position: fixed;
}
.u-bottom-0 {
  bottom: 0;
}
.u-no-display {
  display: none;
}
.u-no-overflow-x {
  overflow-x: hidden !important;
}
.u-no-padding {
  padding: 0 !important;
}
.u-formRow {
  padding: 0.2em 0 0.2em 0;
}
.u-ddl-optgroup-header {
  font-weight: 500;
  text-transform: uppercase;
  color: #212121;
  font-size: 0.86em;
}
.u-link-hover:hover {
  color: #037bc1;
  cursor: pointer;
}
.u-header-label--1 {
  font-size: 1.2em;
  font-weight: 500;
  display: inline-block;
  margin: 0.5em 0;
}
.u-block__block-header {
  display: block;
  padding: 0.5em;
  text-align: center;
  background: #8f99ab;
  color: #fff;
  margin: 0 0 0.5em 0;
  font-weight: 500;
}
.u-block__block-header--no-margin {
  display: block;
  padding: 0.5em;
  text-align: center;
  background: #8f99ab;
  color: #fff;
  margin: 0 0 0.5em 0;
  font-weight: 500;
  margin: 0;
}
.u-validation-tip {
  display: inline-block;
  padding: 0.2em 0 0 0;
  font-size: 0.8em;
}
.u-validation-tip__icon {
  margin: 0 3px 0 0;
  position: relative;
  top: -1px;
}
.u-clearfix:before,
.u-clearfix:after {
  content: ' ';
  display: table;
  clear: both;
}
.u-group:after {
  content: '';
  display: table;
  clear: both;
}
.u-whitespace--pre {
  white-space: pre;
}
.u-whitespace--pre-line {
  white-space: pre-line;
}
.u-whitespace--pre-wrap {
  white-space: pre-wrap;
}
.u-strong {
  font-weight: 500;
}
.u-body-colour {
  color: #212121;
}
.u-strong--primary {
  font-weight: 500;
  color: #037bc1;
}
.u-uppercase,
.u-upper {
  text-transform: uppercase;
}
.u-text-transform-none {
  text-transform: none;
}
.u-light {
  color: #757575;
}
.u-bg--dark {
  background: #e7e9ec;
}
.u-bg--light {
  background: #fff;
}
.u-text-label--light {
  margin: 0 0.5em 0 0;
  color: #757575;
}
.u-box-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddede')";
}
.u-border--right {
  border-right: 1px solid #dddede;
  box-sizing: border-box;
}
.u-border--left {
  border-left: 1px solid #dddede;
  box-sizing: border-box;
}
.u-border--top {
  border-top: 1px solid #dddede;
  box-sizing: border-box;
}
.u-border--top-thick {
  border-top: 1px solid #dddede;
  box-sizing: border-box;
  border-top: 3px solid #dddede;
}
.u-border--bottom {
  border-bottom: 1px solid #dddede;
  box-sizing: border-box;
}
.u-timer-spinner-nextToElement {
  font-size: 1em;
  color: #037bc1;
  margin: 0 0 0 0.5em;
  display: inline-block;
}
.u-timer-spinner-1 {
  font-size: 2.7em;
  padding: 0.5em;
  color: #037bc1;
}
.u-editableInput--textarea {
  width: 100%;
  max-height: 65px;
  overflow: auto;
  resize: none;
  border: 1px solid #dddede;
  border-radius: 4px;
  padding: 0.6em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.u-placeholder-icon--users {
  margin: 25% 25%;
  display: block;
  opacity: 0.6;
  font-size: 4em;
}
.u-feed-update-txt-area {
  height: 3.3em;
}
.u-view-icon {
  font-size: 0.5em;
}
.u-view-icon:hover {
  cursor: pointer;
}
.u-link-trans {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  /*-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
}
.u-rotate-90 {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  /*-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ui-popover__ul {
  list-style-type: none;
  padding: 0;
  margin: 0.2em 0;
}
.ui-popover__ul > li {
  padding: 0.2em 0;
}
.u-shadow-top {
  position: relative;
  z-index: 0;
  box-shadow: inset 0 2px 5px -3px #808080;
  height: 20px;
  margin-bottom: -19px;
}
.u-actions-link-button {
  /*App 'actions' btn*/
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  /*-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
  position: relative;
  background: none;
  /*border: 1px solid @careflow--blue;*/
  color: #037bc1;
  /*border: 1px solid @patient-banner-actions-colour;*/
  /*color: @patient-banner-actions-colour;*/
  /*border-radius: 3px;*/
  padding: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  border: none;
  font-size: 13px;
}
.u-actions-link-button i.fa {
  font-size: 0.4em;
  margin: 0 0.4em 0 0;
  float: left;
}
.u-actions-link-button i.material-icons {
  font-size: 24px;
  /*http://google.github.io/material-design-icons/*/
  line-height: 0.5em;
  float: none;
  margin: 0;
  padding: 0;
  color: #037bc1;
}
.u-actions-link-button i:last-of-type {
  margin-right: 0;
}
.u-actions-link-button:hover {
  color: #999999;
}
.u-actions-link-button .iconWrapper {
  border-radius: 3px;
  position: relative;
  top: 0;
}
.u-actions-link-button.active {
  background: transparent;
  color: #999999;
}
.u-filter__txt {
  padding: 0.6em 0.8em;
  box-sizing: border-box;
  border: 1px solid #dddede;
}
.u-cursor-pointer {
  cursor: pointer;
}
.u-v-middle-css3 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.u-margin-top-xs {
  margin-top: 0.3em;
}
.u-margin-top-sm {
  margin-top: 0.6em;
}
.u-margin-top-md {
  margin-top: 1.2em;
}
.u-margin-bottom-sm {
  margin-bottom: 0.6em;
}
.u-margin-bottom-xsm {
  margin-bottom: 0.2em;
}
.u-margin-bottom-md {
  margin-bottom: 1.2em;
}
.u-margin-right {
  margin-right: 1em;
}
.u-padding-sm {
  padding: 0.6em;
}
.u-padding-top-xs {
  padding-top: 0.4em;
}
.u-padding-bottom-xs {
  padding-bottom: 0.4em;
}
.u-subheading {
  font-size: 1.1em;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 1.1em;
}
.u-subheading--strong {
  font-size: 1.1em;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 1.1em;
  font-weight: 500;
}
.u-subheading--small {
  font-size: 1.1em;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 1.1em;
  font-size: 1em;
  margin-bottom: 0.9em;
}
.u-subheading--grey {
  font-size: 1.1em;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 1.1em;
  color: #757575;
}
/*Pad utils*/
.u-pad-t-1 {
  padding-top: 1em;
}
.u-pad-r-1 {
  padding-right: 1em;
}
.u-pad-b-1 {
  padding-bottom: 1em;
}
.u-pad-l-1 {
  padding-left: 1em;
}
.u-text-light {
  color: #757575;
}
.u-text-danger {
  color: #ff5252;
}
.u-text-success {
  color: #46a728;
}
.u-text-warning {
  color: #ef5411;
}
.u-text-primary {
  color: #037bc1;
}
.u-txt-capitalise {
  text-transform: capitalize;
}
.u-unread-icon {
  position: relative;
  top: 0;
  margin: 0 0.2em 0 0;
  background: #037bc1;
  width: 10px;
  height: 10px;
  display: inline-flex;
  border-radius: 50%;
}
/*Colours*/
.u-color-success {
  color: #46a728;
}
.u-color-fail {
  color: #ff5252;
}
/*Badges*/
.u-new-content-badge {
  /*display: inline-block;*/
  border-radius: 15%;
  background-color: #ff5252;
  color: #fff;
  text-align: center;
  padding: 0.1em 0.4em;
  box-sizing: border-box;
  font-size: 0.8em;
  font-weight: 700;
  min-width: 15px;
  max-width: 25px;
  height: 15px;
  line-height: 15px;
  top: -5px;
  right: -14px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.u-new-content-badge:empty {
  display: none;
}
.u-new-content-badge[data-count='99+'] {
  padding: 0.5em;
  right: -24px;
}
/*Elevations*/
.u-elevation-3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12) !important;
}
.u-elevation-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
/*Scroll*/
.has-scroll {
  width: calc(100% - 15px);
}
.has-scroll--pad {
  padding-right: 15px;
}
/*Flex*/
.u-flex {
  display: flex;
}
.u-flex--row {
  display: flex;
  flex-flow: row;
}
.u-flex-container {
  display: flex;
  height: 100%;
}
.u-flex-v-centre {
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  -ms-flex-line-pack: center;
  /*IE 10*/
  display: flex;
  align-items: center;
}
.u-flexContainerWrapper {
  /*https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items*/
  display: flex;
  flex-direction: column;
}
.u-no-highlight {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*Accessibility*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
::-ms-reveal {
  display: none;
}
.referralStatus-icon {
  width: 10px;
  height: 10px;
  content: ' ';
  border-radius: 100%;
  position: relative;
  top: 0;
  margin-right: 0.2em;
  display: inline-block;
}
.referralStatus {
  font-weight: 500;
  text-transform: capitalize;
}
/*Used for text labels*/
.referralStatus-pending {
  color: #ff6600;
}
.referralStatus-accepted {
  color: #7ecc41;
}
.referralStatus-cancelled {
  color: #555555;
}
.referralStatus-declined {
  color: #9c0015;
}
/*Used for feed dot icons*/
.referralStatus-icon--1,
.referralStatus-icon[data-referralstatus-icon='Pending'] {
  width: 10px;
  height: 10px;
  content: ' ';
  border-radius: 100%;
  position: relative;
  top: 0;
  margin-right: 0.2em;
  display: inline-block;
  background: #ff6600;
}
.referralStatus-icon--2,
.referralStatus-icon[data-referralstatus-icon='Accepted'] {
  width: 10px;
  height: 10px;
  content: ' ';
  border-radius: 100%;
  position: relative;
  top: 0;
  margin-right: 0.2em;
  display: inline-block;
  background: #7ecc41;
}
.referralStatus-icon--3,
.referralStatus-icon[data-referralstatus-icon='Declined'] {
  width: 10px;
  height: 10px;
  content: ' ';
  border-radius: 100%;
  position: relative;
  top: 0;
  margin-right: 0.2em;
  display: inline-block;
  background: #9c0015;
}
.referralStatus-icon--4,
.referralStatus-icon[data-referralstatus-icon='Cancelled'] {
  width: 10px;
  height: 10px;
  content: ' ';
  border-radius: 100%;
  position: relative;
  top: 0;
  margin-right: 0.2em;
  display: inline-block;
  background: #555555;
}
.referralStatus__label {
  margin-right: 0.7em;
}
/*Context*/
.external-network-banner {
  padding: 0.5em;
  margin: 0 0 0.8em 0;
  background: #d5f4ff;
  box-sizing: border-box;
  font-weight: 500;
  color: #757575;
  font-size: 0.9em;
  line-height: 0.9em;
  display: inline-flex;
  border-radius: 5%;
  align-self: flex-start;
}
/*NetworkHome*/
.home {
  background: #f3f3f3;
}
.networkHome {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.network-home-header {
  height: 2em;
  background: none;
  border: none;
}
.networkHome__wrapper {
  box-sizing: border-box;
  width: 99%;
  justify-content: center;
}
.networkHome__wrapper .view-block__title--large {
  border: none;
}
.status-io-wrapper {
  margin: 0 2em 1em 2em;
  box-sizing: border-box;
}
.networkHome__col1 {
  border-radius: 2px;
  background: transparent;
  margin: 0 1em 0 0;
  box-sizing: border-box;
  height: 100%;
}
.networkHome__col1 .containerEmpty-wrapper {
  background: #fff;
  border-radius: 0 0 2px 2px;
}
.networkHome__col1 .view-block__title--large {
  padding: 1em 0.6em 1em 0.6em;
  margin: 0;
}
.networkHome__col1 .clinical-tags-search-wrapper {
  background: #fff;
  margin: 1em 0 1em 0;
  box-sizing: border-box;
  padding: 0 0 1em 0;
}
.networkHome__col1 .clinical-tags-search-wrapper .tag-action-btn {
  padding: 0 0 0 0.6em;
  box-sizing: border-box;
  margin: 0;
  display: flex;
  align-content: flex-start;
  width: 100%;
}
.networkHome__col2 {
  margin: 0 1em;
  border-radius: 2px;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
}
.networkHome__col2 .containerEmpty-wrapper {
  margin: 0 auto;
}
.networkHome__col2 .view-block__title--large {
  padding: 1em 0 1em 0.7em;
  margin: 0;
}
.networkHome__col3 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: 2px;
  display: flex;
  justify-content: flex-start;
  flex-flow: column;
  height: 100%;
  position: relative;
}
.networkHome__col3 .view-block__title--large {
  padding: 1em 0 1em 0.6em;
  margin: 0;
  background: #fff;
  border-radius: 2px 2px 0 0;
}
.vue-application-team-requests .modal-body-head {
  padding: 1.5rem 1.5rem 0.9rem 1.5rem;
}
.vue-application-team-requests .modal-body-head .ui-button {
  margin-left: auto;
}
.vue-application-team-requests .approving-all-requests-body {
  display: flex;
  align-items: center;
}
.vue-application-team-requests .approving-all-requests-loading {
  display: flex;
  align-items: center;
  margin: 1em 0 0 0;
}
.vue-application-team-requests .approving-all-requests-loading .approving--loader {
  margin: 0 0.5em 0 0;
}
.approving-all-requests-complete {
  display: flex;
  align-items: center;
  margin: 1em 0 0 0;
  font-weight: 500;
}
.approving-all-requests-complete .material-icons {
  color: #46a728;
  margin-right: 0.1em;
}
.vue-application-start-patient-referral .modal-footer {
  display: flex;
  align-content: center;
  align-items: center;
  flex: 1;
}
.vue-application-start-patient-referral .modal-footer:not(.ui-modal--size-small) .ui-button {
  margin-left: auto;
}
.vue-application-start-patient-referral .error-message {
  color: #ff5252;
  display: flex;
  align-content: center;
  align-items: center;
  max-width: 75%;
}
.vue-application-start-patient-referral .error-message .material-icons {
  margin-right: 0.2em;
}
.global-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e0e0e0;
  opacity: 0.7;
  z-index: 90;
  left: 45px;
}
.alerts-wrapper .alertFeed__wrapper {
  padding: 0.8em;
  box-sizing: border-box;
  border: none;
}
.alerts-wrapper .alertFilters__wrapper {
  padding: 0.8em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
}
.alerts-wrapper .alertFilters__ui-select {
  /*Filter ddl*/
  margin-bottom: 0;
  border-bottom: none;
}
.alerts-wrapper .alertFilters__ui-select .ui-select__options {
  max-height: 30rem;
}
.alerts-wrapper .alertFilters__ui-select .ui-select-option {
  padding: 0;
}
.alerts-wrapper .alertFilters__ui-select .alertFilters__ui-select-option {
  padding: 0;
  border-bottom: 1px solid #dddede;
  display: flex;
  flex-direction: row;
  flex: 1;
}
.alerts-wrapper .alertFilters__ui-select .alertFilters__ui-select-option .sub-blob {
  width: 8px;
  min-width: 8px;
}
.alerts-wrapper .alertFilters__ui-select .alertFilters__ui-select-option .sub-data {
  padding: 0.5em;
  flex-direction: column;
}
.alerts-wrapper .alertFeed__nav-wrapper {
  padding: 0.8em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
}
.alerts-wrapper .alertFeed__activeItem-wrapper {
  border-left: 1px solid #dddede;
  box-sizing: border-box;
}
.alerts-wrapper .alertFeed__item {
  border: 1px solid #dddede;
  padding: 0.8em;
  display: flex;
  flex-direction: column;
  margin: 0 0 1em 0;
  position: relative;
}
.alerts-wrapper .alertFeed__item:hover {
  cursor: pointer;
}
.alerts-wrapper .alertFeed__item.active {
  background: rgba(3, 123, 193, 0.12);
}
.alerts-wrapper .alertFeed__item div {
  display: inherit;
}
.alerts-wrapper .alertFeed__item .sub-blob--top {
  height: 4px;
  min-height: 4px;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.alerts-wrapper .alertFeed__item .item__title-row {
  margin: 0 0 0.6em 0;
}
.alerts-wrapper .alertFeed__item .item__title-row .u-unread-icon {
  top: 3px;
}
.alerts-wrapper .alertFeed__item .item__title {
  font-size: 1.1em;
  font-weight: 500;
}
.alerts-wrapper .alertFeed__item .item__title-created-date {
  display: inline-flex;
  margin-left: auto;
  color: #757575;
}
.alerts-wrapper .alertFeed__item-comment {
  color: #757575;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1em 0 0 0;
}
.alerts-wrapper .alertFeed__item-patient {
  margin: 0.8em 0 0 0;
  flex-direction: column;
}
.alerts-wrapper .alertFeed__item-patient .patient-label {
  color: 300;
}
.teamPatientView__wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  overflow: auto;
  overflow-y: hidden;
}
.teamPatientView__wrapper .lookup-error-wrapper {
  padding: 1em;
  box-sizing: border-box;
}
.teamPatientView__wrapper .lookup-error-wrapper:empty {
  height: 0px;
  padding: 0;
}
.teamPatientView__wrapper .patientView__handover-blockWrapper {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.teamPatientView__wrapper .patientView__patientTags-blockWrapper {
  margin: 1em 0 1em 0;
  padding: 0 2em 1em 1em;
}
.teamPatientView__wrapper .patientView__patientLists-blockWrapper {
  margin: 1em 0 10em 0;
  padding: 0 2em 1em 1em;
  max-width: 600px;
}
.teamPatientView__wrapper .patientTags__header {
  text-transform: uppercase;
  display: block;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #ebf2f9;
  font-size: 0.9em;
  font-weight: 500;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.2em 0;
  border: none;
  font-size: 0.8em;
  margin: 1.3em 0 0.9em 0;
  font-weight: 400;
}
.teamPatientView__wrapper .patientTags__header:before,
.teamPatientView__wrapper .patientTags__header:after {
  content: ' ';
  display: table;
  clear: both;
}
.teamPatientView__wrapper .patientTags__header .btn--plain {
  text-transform: none;
}
.patientSummary__col1 {
  padding: 0 2em 0 0;
  box-sizing: border-box;
}
.patientSummary__col2 {
  padding: 0;
  box-sizing: border-box;
}
.patientSummary__col3 {
  padding: 0 0 0 2em;
  box-sizing: border-box;
}
.patient-dashboard-wrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.patient-updates {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.patient-updates__meta {
  color: #757575;
  font-size: 0.9em;
  /*padding: .2em 0 0 0;*/
  margin: 0;
}
.teamPatientView__headSection {
  padding: 0.8em 1em 0 1em;
  position: relative;
  margin: 0;
}
.teamPatientView__bodySection {
  display: flex;
  flex-flow: column;
}
.teamPatientView__bodySection .bodySection-container {
  display: flex;
  flex-flow: column;
}
.teamPatientView__nav {
  margin: 0;
  display: flex;
  flex-flow: row;
}
.teamPatientView__nav-ul {
  flex-flow: row wrap;
  margin: 0 0 0.8em 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  border-bottom: 1px solid #c7d8e9;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.teamPatientView__nav-ul .nav-ul-li {
  display: flex;
  padding: 0.1em 0.9em;
  text-transform: uppercase;
  border-bottom: 3px solid #fff;
  color: #3572b0;
}
.teamPatientView__nav-ul .nav-ul-li:first-of-type {
  /*padding-left: .9em;*/
  /*To align with banner*/
}
.teamPatientView__nav-ul .nav-ul-li:hover {
  cursor: pointer;
}
.teamPatientView__nav-ul .nav-ul-li.active {
  color: #212121;
  background: #fff;
  font-weight: 700;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #c7d8e9;
}
.teamPatientView__nav-ul .nav-ul-li .newContent-counter {
  /*display: inline-block;*/
  border-radius: 15%;
  background-color: #ff5252;
  color: #fff;
  text-align: center;
  padding: 0.1em 0.4em;
  box-sizing: border-box;
  font-size: 0.8em;
  font-weight: 700;
  min-width: 15px;
  max-width: 25px;
  height: 15px;
  line-height: 15px;
  top: -5px;
  right: -14px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25%;
}
.teamPatientView__nav-ul .nav-ul-li .newContent-counter:empty {
  display: none;
}
.teamPatientView__nav-ul .nav-ul-li.data-refresh-li {
  flex: 1 1 auto;
  justify-content: flex-end;
}
.teamPatientView__nav-ul .nav-ul-li--addContent {
  display: flex;
  padding: 0.1em 0.9em;
  text-transform: uppercase;
  border-bottom: 3px solid #fff;
  color: #3572b0;
  display: inline-block;
  padding: 0;
}
.teamPatientView__nav-ul .nav-ul-li--addContent:first-of-type {
  /*padding-left: .9em;*/
  /*To align with banner*/
}
.teamPatientView__nav-ul .nav-ul-li--addContent:hover {
  cursor: pointer;
}
.teamPatientView__nav-ul .nav-ul-li--addContent.active {
  color: #212121;
  background: #fff;
  font-weight: 700;
  /*border-bottom: 1px solid @view-block-border;*/
  border-bottom: 3px solid #c7d8e9;
}
.teamPatientView__nav-ul .nav-ul-li--addContent .newContent-counter {
  /*display: inline-block;*/
  border-radius: 15%;
  background-color: #ff5252;
  color: #fff;
  text-align: center;
  padding: 0.1em 0.4em;
  box-sizing: border-box;
  font-size: 0.8em;
  font-weight: 700;
  min-width: 15px;
  max-width: 25px;
  height: 15px;
  line-height: 15px;
  top: -5px;
  right: -14px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25%;
}
.teamPatientView__nav-ul .nav-ul-li--addContent .newContent-counter:empty {
  display: none;
}
.teamPatientView__nav-ul .nav-ul-li--addContent.data-refresh-li {
  flex: 1 1 auto;
  justify-content: flex-end;
}
@media (min-width: 0) and (max-width: 1280px) {
  /*Main Nav*/
  .appMainNavigation__li--patientSearch {
    margin-right: 0.8em;
  }
  .appMainNavigation-patient-search-txt {
    width: 95px;
  }
  .appMainNavigation-patient-search-txt--submitBtn {
    padding: 0 0.5em 0 0.2em;
  }
  .appMainNavigation__li {
    padding: 1em 1em;
    margin: 0;
  }
  .appMainNavigation__li--user-settings {
    margin: 0 0 0 1em;
  }
  /*Group nav*/
  .teamPatientView__nav-ul .nav-ul-li .ul-li-href {
    padding: 1em 0.6em 1.1em;
    font-size: 0.9em;
  }
  .teamPatientView__nav-ul .nav-ul-li .ul-li-href[data-viewurl='patient-rapport-test'] {
    /*display: none;*/
  }
  /*Patient Summary / dashboard*/
  .patient-list-slim {
    max-width: 260px;
    min-width: 250px;
  }
  div[class^='patientSummary__col'],
  div[class*='patientSummary__col'] {
    /*Target link buttons in update blocks*/
  }
  div[class^='patientSummary__col'] .btn--plain,
  div[class*='patientSummary__col'] .btn--plain {
    margin-bottom: 0;
    display: inline-block;
  }
  div[class^='patientSummary__col'] .u-text-right,
  div[class*='patientSummary__col'] .u-text-right {
    margin-bottom: 0.6em;
  }
  .patientSummary__col1 {
    padding: 0 0.5em 0 0;
    box-sizing: border-box;
  }
  .patientSummary__col3 {
    padding: 0 0 0 0.5em;
    box-sizing: border-box;
  }
  .teamPatientList__patient .patient__name {
    font-size: 0.9em;
  }
  .teamPatientList__patient .patientList__patientIdentifier {
    font-size: 0.9em;
  }
  .patient-updates__meta {
    text-align: left;
    font-size: 0.9em !important;
  }
  .patient-tasks__meta {
    font-size: 0.9em !important;
    text-align: left;
    margin: 2px 0 0 0;
  }
  .patient-results__value {
    font-size: 0.9em !important;
    text-align: left;
  }
  .patient-results {
    padding: 0 0 0 1em;
  }
  .patient-results_abnormal-icon i.fa {
    top: 1px;
  }
  /*Patient Lists*/
  .patientList-filters__ddl-trigger-btn {
    width: 17em;
    margin: 0 1em 0 0;
  }
  .viewHeader__title {
    max-width: 300px;
    padding: 0 1em 0 0;
  }
  .patientList__table .patientList__patientIdentifier,
  .patientList__table .patientList__patientDob,
  .patientList__table .patientList__patientName,
  .patientList__table .patientList__bayBed-row,
  .patientList__table .clinicalTag,
  .patientList__table .patientList__HandoverNote-txt {
    white-space: normal;
  }
  .patientList__table .patientList__patientDob {
    display: block;
  }
  .patientList__table--handover .patientList__patientIdentifier,
  .patientList__table--handover .patientList__patientDob,
  .patientList__table--handover .patientList__patientName,
  .patientList__table--handover .patientList__bayBed-row,
  .patientList__table--handover .patientList__HandoverNote-txt {
    font-size: 0.9em;
    /*white-space: normal; /*Allow wrap*/
  }
  .patientList__table--handover .clinical-tag {
    font-size: 0.8em;
  }
  .patientList__table--handover thead th {
    font-size: 0.8em;
    padding: 0.5em;
  }
  .patientList__table--handover td {
    padding: 0.5em;
  }
  /*Patient banner*/
  /*Feeds*/
  /*.feedBody__container {
        max-width: 730px;
    }*/
  /*Network Home*/
  .networkHome__col1 .list-header .view-block__title--large {
    flex-basis: 43%;
  }
  .networkHome__col1 .team-list-item .item-meta {
    flex-basis: 43%;
  }
}
/*media end*/
@media (min-width: 1280px) and (max-width: 1920px) {
  .networkHome__wrapper {
    display: flex;
    width: 98%;
    justify-content: center;
  }
  .networkHome__wrapper .networkHome__col1 {
    margin: 0;
  }
  .networkHome__wrapper .networkHome__col2 {
    margin: 0;
    margin: 0 2em;
  }
  .networkHome__wrapper .networkHome__col3 {
    margin: 0;
    height: 100%;
  }
  /*Feeds*/
  .feedBody__directory {
    /*Hidden at 1024*/
    display: block;
  }
}
/*End of media*/
@media (min-width: 1920px) {
  .networkHome__wrapper {
    display: flex;
    width: 85%;
    justify-content: center;
  }
  .networkHome__wrapper .networkHome__col1 {
    margin: 0;
  }
  .networkHome__wrapper .networkHome__col2 {
    margin: 0 2em;
  }
  .networkHome__wrapper .networkHome__col3 {
    margin: 0;
    height: 100%;
  }
  /*Feeds*/
  .feedBody__directory {
    /*Hidden at 1024*/
    display: block;
  }
}
/*End of media*/
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.u-patientBanner.is-deceased[data-v-7296a28a] {
  background: #000;
  color: #fff;
}
.u-patientBanner.is-deceased div[data-v-7296a28a],
.u-patientBanner.is-deceased span[data-v-7296a28a] {
  color: #fff;
}
.u-patientBanner .patientBanner__data[data-v-7296a28a] {
  width: 100%;
}
.u-patientBanner .clinician__set[data-v-7296a28a] {
  display: flex;
}
.u-patientBanner .date-of-death[data-v-7296a28a] {
  display: flex;
  margin-left: auto;
}
.u-patientBanner .block--alternative-id[data-v-7296a28a] {
  margin-right: 0.3em;
}
.u-patientBanner .identifiers-multiple-wrapper[data-v-7296a28a]:hover {
  cursor: pointer;
}
.create-patient-form .ui-calendar-week__date {
  width: 2.4rem;
}
.create-patient-form .ui-calendar-month__week.is-other {
  left: 17.75rem;
}
.create-patient-form .ddl-reasons {
  margin-left: 2.55em;
}
.create-patient-form .ui-calendar-month__week {
  width: 16.75rem;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.is-modal .create-patient-form[data-v-3105f9a9] {
  padding: 0;
}
.is-modal .new-patient-wrapper[data-v-3105f9a9] {
  width: 100%;
  padding: 0;
}
.create-patient-wrapper[data-v-3105f9a9] {
  display: flex;
  flex-flow: column;
  width: 100%;
}
.create-patient-wrapper.is-modal[data-v-3105f9a9] {
  min-height: 488px;
}
.create-patient-form[data-v-3105f9a9] {
  display: flex;
  flex-flow: column;
  padding: 1em;
  width: 98%;
  box-sizing: border-box;
}
.new-patient-wrapper[data-v-3105f9a9] {
  display: flex;
  flex-flow: column;
  padding: 1em;
  width: 35%;
  min-width: 605px;
  box-sizing: border-box;
}
.item-row[data-v-3105f9a9] {
  margin: 0 0 0.3em 0;
  min-height: 57px;
  max-width: 100%;
  display: flex;
  flex-flow: column;
}
.item-row .ui-select[data-v-3105f9a9] {
  flex: 1;
  margin-bottom: 0;
}
.item-row .ui-textbox[data-v-3105f9a9] {
  flex: 1;
  margin-bottom: 0;
}
.footer-info-row[data-v-3105f9a9] {
  color: #757575;
}
.error[data-v-3105f9a9] {
  color: #ff5252;
  margin: 0.5em 0;
}
.patient-exists-wrapper[data-v-3105f9a9] {
  display: flex;
  flex-flow: column;
  line-height: 2em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.strip-loader[data-v-7695c944] {
  min-height: 3.25px;
}
.sidebar-wrapper[data-v-7695c944] {
  display: flex;
  height: 100%;
  background: #fff;
  width: 45px;
}
.sidebar-nav[data-v-7695c944] {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 100%;
  height: 100%;
}
.sidebar-nav .nav-button[data-v-7695c944] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin: 0;
  background: transparent;
  height: 45px;
  padding: 0;
}
.sidebar-nav .nav-button.active[data-v-7695c944] {
  border-left: 2px solid #0071bd !important;
  caret-color: #0071bd !important;
}
.sidebar-nav .nav-button.active .material-icons[data-v-7695c944] {
  color: #0071bd !important;
  caret-color: #0071bd !important;
}
.sidebar-nav .nav-button[data-v-7695c944]:hover {
  background: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.54);
}
.sidebar-nav .nav-button .material-icons[data-v-7695c944] {
  color: rgba(0, 0, 0, 0.54) !important;
}
.sidebar[data-v-7695c944] {
  background: #fff;
  color: #212121;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  z-index: 90;
}
.sidebar__content[data-v-7695c944] {
  padding: 0;
  margin: 0;
}
/* SIDEBAR HIDDEN STATE */
.sidebar[aria-hidden='true'][data-v-7695c944] {
  transition: 200ms;
  transform: translateX(-100%);
}
/* SIDEBAR VISIBLE STATE */
.sidebar[data-v-7695c944]:not([aria-hidden]),
.sidebar[aria-hidden='false'][data-v-7695c944] {
  transition: 200ms;
  transform: translateX(45px);
}
.icon-navigation button.ui-icon-button--type-primary.ui-icon-button--color-default:hover:not(.is-disabled) {
  background-color: none;
  background: none;
}
.icon-navigation button.ui-icon-button--type-primary.ui-icon-button--color-default:hover:not(.is-disabled):hover {
  background-color: none;
  background: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.icon-navigation[data-v-2d1bcead] {
  display: flex;
  height: 100%;
  flex-direction: column;
  width: 100%;
  background: #fff;
  width: 45px;
}
.icon-navigation .nav-button[data-v-2d1bcead] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin: 0;
  background: none;
  height: 45px;
  padding: 0;
}
.icon-navigation .nav-button.active[data-v-2d1bcead] {
  border-left: 2px solid #0071bd !important;
  caret-color: #0071bd !important;
}
.icon-navigation .nav-button.active .material-icons[data-v-2d1bcead] {
  color: #0071bd !important;
  caret-color: #0071bd !important;
}
.icon-navigation .nav-button[data-v-2d1bcead]:hover {
  background: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.54);
}
.icon-navigation .nav-button .material-icons[data-v-2d1bcead] {
  color: rgba(0, 0, 0, 0.54) !important;
}
.icon-navigation .nav-button.is-footer-icon[data-v-2d1bcead] {
  margin-top: auto;
}
.icon-navigation .nav-button.is-hidden[data-v-2d1bcead] {
  display: none;
}
.scroll-wrapper[data-v-2d1bcead] {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(0.7);transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{-webkit-transform:rotate(135deg) scale(0.7);transform:rotate(135deg) scale(0.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn:disabled,.mx-btn.disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}

.clinic-list-search .ui-autocomplete.has-floating-label .ui-autocomplete__label-text.is-floating {
  transform: translateY(0) scale(1);
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.clinic-list-search[data-v-7f6c687d] {
  display: flex;
  flex-flow: column;
  flex: 1;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 1em 0.5em 0.5em;
}
.clinic-list-search.is-global[data-v-7f6c687d] {
  background: #fff;
  margin: 0 0 1em 0;
}
.clinic-list-search.is-global .control-header[data-v-7f6c687d] {
  display: flex;
  margin: 0 0 1em 0;
  font-weight: 500;
}
.clinic-list-search.is-global .controls[data-v-7f6c687d] {
  padding: 0;
}
.clinic-list-search.is-global .controls .view-block__title--large[data-v-7f6c687d] {
  padding-left: 0;
}
.clinic-list-search.is-global .row.datepicker-row[data-v-7f6c687d] {
  align-items: center;
}
.clinic-list-search.is-global .row.datepicker-row .ui-datepicker[data-v-7f6c687d] {
  margin-bottom: 0;
}
.clinic-list-search.is-global .actions[data-v-7f6c687d] {
  display: flex;
  justify-content: flex-end;
}
.clinic-list-search.is-global .referral-type-wrapper[data-v-7f6c687d] {
  margin-bottom: 0;
}
.clinic-list-search .controls[data-v-7f6c687d] {
  padding: 0;
}
.clinic-list-search .referral-type-wrapper[data-v-7f6c687d] {
  margin: 0 0 0.5em 0;
  display: flex;
  align-items: center;
}
.clinic-list-search .referral-type-wrapper[data-v-7f6c687d]:hover {
  cursor: pointer;
}
.clinic-list-search .referral-type-wrapper:hover .material-icons[data-v-7f6c687d] {
  color: #212121;
}
.clinic-list-search .referral-type-wrapper .label[data-v-7f6c687d] {
  color: #757575;
  margin: 0 0.3em 0 0;
}
.clinic-list-search .referral-type-wrapper .type-label[data-v-7f6c687d] {
  display: flex;
  align-items: center;
}
.clinic-list-search .referral-type-wrapper .material-icons[data-v-7f6c687d] {
  color: rgba(0, 0, 0, 0.54);
}
.clinic-list-search .control-header[data-v-7f6c687d] {
  display: flex;
  margin: 0 0 1em 0;
  font-weight: 500;
}
.clinic-list-search .ui-select[data-v-7f6c687d] {
  margin-bottom: 0;
  flex-grow: 1;
  max-width: 100%;
}
.clinic-list-search .row[data-v-7f6c687d] {
  min-height: 45px;
  display: flex;
  flex-flow: 100%;
  width: 100%;
}
.clinic-list-search .row .ui-datepicker[data-v-7f6c687d] {
  flex: 1;
  margin-bottom: 0;
}
.clinic-list-search .row .ui-autocomplete[data-v-7f6c687d] {
  flex: 1;
}
.clinic-list-search .row .text-clear-btn[data-v-7f6c687d] {
  display: flex;
  align-items: center;
}
.clinic-list-search .row .text-clear-btn .material-icons[data-v-7f6c687d] {
  font-size: 18px;
}
.clinic-list-search .row .text-clear-btn[data-v-7f6c687d]:hover {
  cursor: pointer;
}
.referral-type-change-wrapper[data-v-7f6c687d] {
  height: 160px;
  width: 255px;
}
.referral-type-change-wrapper .header[data-v-7f6c687d] {
  margin: 0 0 0.5em 0;
  font-weight: 500;
}
/* Parent row */
.row.datepicker-row .mx-datepicker[data-v-7f6c687d] {
  width: 100%;
}
.row.datepicker-row[data-v-7f6c687d] .mx-input-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 2px solid #cfd8dc;
  transition: border-color 0.2s ease;
}
.row.datepicker-row[data-v-7f6c687d] .mx-input-wrapper:focus-within {
  border-bottom-color: #1976d2;
}
.row.datepicker-row[data-v-7f6c687d] .custom-datepicker-input {
  border: none !important;
  outline: none;
  box-shadow: none !important;
  padding: 8px 6px 6px 0;
  flex: 1;
  font-size: 14px;
}
.row.datepicker-row[data-v-7f6c687d] .calendar-icon {
  font-size: 20px;
  margin-left: 4px;
  color: #90a4ae;
  cursor: pointer;
  transition: color 0.2s ease;
}
.row.datepicker-row[data-v-7f6c687d] .mx-input-wrapper:focus-within .calendar-icon {
  color: #1976d2;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.population-search[data-v-0732f028] {
  display: flex;
  flex-flow: column;
  flex: 1;
  padding: 1em 1em 0.5em 0.5em;
  box-sizing: border-box;
  max-width: 100%;
}
.population-search.inline-row[data-v-0732f028] {
  flex-flow: row;
  padding: 0 0 0.5em 0;
  box-sizing: border-box;
}
.population-search.inline-row .row[data-v-0732f028] {
  display: flex;
  align-items: flex-end;
  width: 100%;
  flex-grow: 1;
  margin: 0 1em 0 0;
  flex-flow: column;
}
.population-search.inline-row .row[data-v-0732f028]:last-of-type {
  margin-right: 0;
}
.population-search.inline-row .row .ui-select[data-v-0732f028] {
  flex-grow: 1;
}
.population-search.inline-row .row .clear-selections[data-v-0732f028] {
  display: flex;
  font-size: 0.9em;
  margin: 0.3em 0 0 0;
}
.population-search.inline-row .row .clear-selections .btn--plain[data-v-0732f028] {
  font-size: 0.9em;
}
.population-search.inline-row .row .clear-selections .btn--plain[data-v-0732f028]:disabled {
  color: #757575;
  cursor: wait;
}
.population-search.is-global[data-v-0732f028] {
  width: 100%;
}
.population-search.is-global .control-header[data-v-0732f028] {
  font-size: 1em;
}
.population-search.is-multiple .ui-select-option[data-v-0732f028] {
  display: flex;
  align-items: center;
}
.population-search.is-multiple .ui-select-option__basic[data-v-0732f028] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.population-search.is-multiple .ui-select-option__basic .material-icons[data-v-0732f028] {
  color: #757575;
  opacity: 0.9;
}
.population-search.is-multiple .ui-select-option__basic .material-icons.active[data-v-0732f028] {
  color: #3572b0;
}
.population-search.is-multiple svg[data-v-0732f028] {
  fill: rgba(0, 0, 0, 0.38);
}
.population-search.is-multiple .active svg[data-v-0732f028] {
  fill: #3572b0;
}
.population-search.is-multiple .row .site-label[data-v-0732f028]:hover {
  cursor: pointer;
}
.population-search .control-header[data-v-0732f028] {
  display: flex;
  margin: 0 0 1em 0;
  font-weight: 500;
}
.population-search .row[data-v-0732f028] {
  min-height: 55px;
}
.population-search .row .ui-select[data-v-0732f028] {
  margin-bottom: 0;
}
.population-search .row .site-label[data-v-0732f028] {
  font-weight: 500;
  display: flex;
  flex: 1 100%;
}
.population-search .row .site-label[data-v-0732f028]:hover {
  cursor: default;
}
.identifier-search.inline-row .row .ui-textbox .ui-textbox__label {
  border-bottom: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.identifier-search[data-v-2d1c4a3b] {
  display: flex;
  flex-flow: column;
  flex: 1;
  padding: 1em 1em 0.5em 0.5em;
  max-width: 100%;
  box-sizing: border-box;
}
.identifier-search.inline-row[data-v-2d1c4a3b] {
  padding: 0 0 0.5em 0;
  margin: 0 1em 0 0;
  box-sizing: border-box;
}
.identifier-search.inline-row .row[data-v-2d1c4a3b] {
  align-items: flex-end;
}
.identifier-search .ui-textbox[data-v-2d1c4a3b] {
  margin-bottom: 0;
}
.identifier-search.is-global[data-v-2d1c4a3b] {
  width: 100%;
}
.identifier-search.is-global .control-header[data-v-2d1c4a3b] {
  font-size: 1em;
}
.identifier-search.is-global .actions[data-v-2d1c4a3b] {
  display: flex;
  justify-content: flex-end;
}
.identifier-search .control-header[data-v-2d1c4a3b] {
  display: flex;
  margin: 0 0 1em 0;
  font-weight: 500;
}
.identifier-search .row[data-v-2d1c4a3b] {
  min-height: 55px;
  display: flex;
  flex-basis: 100%;
  width: 100%;
}
.identifier-search .row .ui-textbox[data-v-2d1c4a3b] {
  flex: 1;
}
.identifier-search .row .text-clear-btn[data-v-2d1c4a3b] {
  display: flex;
  align-items: center;
}
.identifier-search .row .text-clear-btn .material-icons[data-v-2d1c4a3b] {
  font-size: 18px;
}
.identifier-search .row .text-clear-btn[data-v-2d1c4a3b]:hover {
  cursor: pointer;
}
.identifier-search .actions[data-v-2d1c4a3b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.clinical-tag[data-v-7a052813] {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #999999;
  background: #fff;
  padding: 0.4em;
  margin: 0 0.25em 0.5em 0;
  line-height: 1.1em;
  position: relative;
  font-size: 0.8em;
  flex-flow: nowrap;
}
.clinical-tag .label[data-v-7a052813] {
  display: flex;
  order: 0;
}
.clinical-tag .remove[data-v-7a052813] {
  display: flex;
  order: 1;
  line-height: 13px;
}
.clinical-tag .remove.material-icons[data-v-7a052813] {
  font-size: 13px;
}
.clinical-tag .remove[data-v-7a052813]:hover {
  color: #037bc1;
  cursor: pointer;
}
.clinical-tag.is-other-team-tag[data-v-7a052813] {
  background: #fff;
  border: 1px solid #dddede;
}
.clinical-tag .tag-meta[data-v-7a052813] {
  display: flex;
  color: #757575;
  font-size: 0.9em;
}
.clinical-tag .tag-remove-trigger[data-v-7a052813] {
  display: flex;
}
.clinical-tag .tag-remove-trigger .btn--plain[data-v-7a052813] {
  height: 13px;
}
.clinical-tag .tag-remove-trigger .btn--plain.drop-enabled .material-icons[data-v-7a052813] {
  color: #037bc1;
}
.clinical-tag .material-icons[data-v-7a052813] {
  color: #757575;
  font-size: 13px;
}
.clinical-tag[data-v-7a052813]:hover {
  cursor: pointer;
}
.clinical-tag .tag-added-date[data-v-7a052813] {
  display: flex;
  font-size: 0.9em;
  padding: 0 0.3em;
}
.removal-reason-input .ui-textbox[data-v-7a052813] {
  margin-bottom: 1em;
  margin-top: 2em;
}
.patient-tags-search[data-v-7a052813] {
  display: flex;
  flex-flow: column;
  flex: 1;
  padding: 1em 1em 0.5em 0.5em;
  box-sizing: border-box;
  max-width: 100%;
}
.patient-tags-search.is-global[data-v-7a052813] {
  width: 100%;
}
.patient-tags-search.is-global .control-header[data-v-7a052813] {
  font-size: 1em;
}
.patient-tags-search .control-header[data-v-7a052813] {
  display: flex;
  margin: 0 0 1em 0;
  font-weight: 500;
}
.patient-tags-search .row[data-v-7a052813] {
  flex-flow: column;
  min-height: 55px;
}
.patient-tags-search .row .ui-select[data-v-7a052813] {
  margin-bottom: 0;
}
.patient-tags-search .row .site-label[data-v-7a052813] {
  font-weight: 500;
}
.patient-tags-search .selected-tags-wrapper[data-v-7a052813] {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0.8em 0;
}
.patient-tags-search .actions[data-v-7a052813] {
  display: flex;
  justify-content: flex-end;
}
.patient-tags-search .clear-selections[data-v-7a052813] {
  display: flex;
  font-size: 0.9em;
  margin: 0.3em 0 0 0;
}
.patient-tags-search .clear-selections .btn--plain[data-v-7a052813] {
  font-size: 0.9em;
}
.patient-tags-search .clear-selections .btn--plain[data-v-7a052813]:disabled {
  color: #757575;
  cursor: wait;
}
.clinical-tag-removal-wrapper .ui-select__dropdown {
  min-width: 14rem;
}
.clinical-tag-removal-wrapper .header[data-v-b323f7b8] {
  margin: 0 0 1em 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.alert-item[data-v-30615a2b] {
  margin-bottom: 0.6em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.alert-item[data-v-30615a2b] :last-of-type {
  margin-bottom: 0;
}
.item-title[data-v-30615a2b] {
  display: flex;
  width: 100%;
}
.alert-colour[data-v-30615a2b] {
  width: 7px;
  height: 7px;
  min-width: 7px;
  min-height: 7px;
  display: flex;
  margin: 0.3em 0.3em 0 0;
}
.alert-meta[data-v-30615a2b] {
  display: flex;
}
.item-row[data-v-30615a2b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-30615a2b] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 400;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__date[data-v-30615a2b] {
  color: #757575;
  font-size: 0.9em;
  display: flex;
  font-weight: 400;
}
.custom-popover[data-v-30615a2b] {
  max-width: 400px;
}
.custom-popover div[data-v-30615a2b] {
  margin: 0 0 0.4em 0;
}
.widget-2 .item-date[data-v-30615a2b] {
  font-size: 0.9em;
  margin-left: 0;
}
.u-data-table--default.alerts-list {
  margin-bottom: 10em;
  margin-left: 0;
}
.u-data-table--default.alerts-list .table__body .table__row .alert-colour {
  width: 7px;
  height: 7px;
  display: flex;
  margin: 0;
  position: relative;
  top: 4px;
  margin: 0 5px 0 0;
}
.u-data-table--default.alerts-list .table__body .table__row .alert-summary-wrapper {
  display: flex;
  flex-direction: row;
}
.u-data-table--default.alerts-list .table__body .table__row .alert-summary-wrapper .alert-summary {
  flex-basis: calc(100% - 12px);
  max-width: calc(100% - 12px);
}
.alert-items-body {
  display: flex;
}
.medway-alerts-widget-wrapper {
  padding: 0;
  border: 0;
  border-top: 0;
}
.ui-modal__container {
  width: 995px;
}
.alerts-list {
  width: 100%;
}
.patient-summary-widget.widget-1[data-v-6e3dc85a] {
  border-top: 3px;
  margin: 1em 1em 1em 0;
  padding: 0 0 1em 1em;
  box-sizing: border-box;
}
.patient-summary-widget.widget-1 .no-data-label[data-v-6e3dc85a] {
  margin: 0.9em 0 0 0;
}
.patient-summary-widget.widget-2[data-v-6e3dc85a] {
  padding: 0;
  display: flex;
  height: 100%;
}
.patient-summary-widget.widget-2 .alert-items-body[data-v-6e3dc85a] {
  padding: 0;
  padding-top: 0;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.patient-summary-widget.widget-2 .alert-items-body .alert-item[data-v-6e3dc85a] {
  padding-left: 0;
  padding-right: 0;
  flex-direction: column;
  align-items: flex-start;
}
.patient-summary-widget.widget-2 .alert-items-body .alert-item .item-date[data-v-6e3dc85a] {
  font-size: 0.9em;
}
.patient-summary-widget .view-block__title.widget-title[data-v-6e3dc85a] {
  margin-bottom: 0;
}
.alert-items-body[data-v-6e3dc85a] {
  padding-top: 0.9em;
  display: flex;
  flex-direction: column;
}
.alerts-see-all[data-v-6e3dc85a] {
  margin: 1em 0 1em 0;
  display: flex;
  justify-content: flex-end;
  padding: 0 1em 0 0;
  box-sizing: border-box;
  margin-top: auto;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.allergy-item[data-v-4952ca1c] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.6em;
}
.item-date[data-v-4952ca1c] {
  font-size: 0.9em;
  color: #757575;
}
.custom-popover[data-v-4952ca1c] {
  max-width: 400px;
}
.u-data-table--default.allergies-list[data-v-a2271b4c] {
  margin-bottom: 10em;
}
.medway-allergies-wrapper[data-v-a2271b4c] {
  padding: 0;
  border: 0;
  border-top: 0;
}
.ui-modal__container[data-v-a2271b4c] {
  width: 995px;
}
.allergies-list[data-v-a2271b4c] {
  width: 100%;
}
.u-data-table--default[data-v-a2271b4c] {
  margin-bottom: 0;
  margin-left: 0;
}
.medway-allergies-widget-wrapper[data-v-7e17390d] {
  display: flex;
  height: 100%;
}
.allergies-items-body[data-v-7e17390d] {
  display: flex;
  flex-basis: 100%;
  width: 100%;
  flex-direction: column;
  height: 100%;
}
.allergies-see-all[data-v-7e17390d] {
  margin: 1em 0 1em 0;
  display: flex;
  justify-content: flex-end;
  padding: 0 1em 0 0;
  box-sizing: border-box;
  margin-top: auto;
}
.vue-application-change-consultant .ui-modal__body {
  height: 100%;
  display: flex;
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.vue-application-change-consultant .ui-modal .ui-modal__body::after,
.vue-application-change-consultant .ui-modal:not(.has-footer) .ui-modal__body::after {
  display: none;
}
.vue-application-change-consultant .ui-modal__container {
  display: flex;
  flex-flow: column;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.change-consultant-wrapper[data-v-7bb7b04b] {
  display: flex;
  flex-flow: column;
  min-height: 380px;
}
.change-consultant-wrapper .change-type-wrapper[data-v-7bb7b04b] {
  display: flex;
  flex-flow: column;
}
.change-consultant-wrapper .header[data-v-7bb7b04b] {
  font-size: 1.1em;
  font-weight: 500;
  margin: 0 0 2em 0;
}
.change-consultant-wrapper .change-type-blocks[data-v-7bb7b04b] {
  display: flex;
  flex-flow: row;
  margin: 0;
  min-height: 180px;
}
.change-consultant-wrapper .change-type-blocks .block[data-v-7bb7b04b] {
  display: flex;
  flex-flow: column;
  padding: 0 1em;
  flex-basis: 50%;
}
.change-consultant-wrapper .change-type-blocks .block .block-header[data-v-7bb7b04b] {
  font-weight: 500;
  display: flex;
  margin: 0 0 0.5em 0;
}
.change-consultant-wrapper .change-type-blocks .block[data-v-7bb7b04b]:first-of-type {
  border-right: 1px solid #dddede;
}
.change-consultant-wrapper .change-type-blocks .block .actions[data-v-7bb7b04b] {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: auto 0 3em 0;
}
.change-consultant-wrapper .actions[data-v-7bb7b04b] {
  margin: 2em 0 0 0;
}
.change-consultant-wrapper .row[data-v-7bb7b04b] {
  min-height: 43px;
  margin: 0 0 1em 0;
}
.change-consultant-wrapper .error[data-v-7bb7b04b] {
  margin: 1em 0 0 0;
  color: #ff5252;
}
.full-patient-banner .dnacpr-error-wrap {
  display: flex;
  flex-direction: row;
}
.full-patient-banner .dnacpr-error-wrap .material-icons {
  width: 17px;
  height: 16px;
  font-size: 18px;
  min-width: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
@media screen and (min-width: 0) and (max-width: 1280px) {
.attributes__block.patient-medway-alerts[data-v-25ad657b],
  .attributes__block.patient-medway-allergies[data-v-25ad657b],
  .attributes__block .dnacpr-error-wrap[data-v-25ad657b],
  .attributes__block .alerts-icon-wrapper[data-v-25ad657b] {
    flex-flow: column;
    width: 100%;
    margin: 0 0 0 0;
}
.attributes__block.patient-medway-alerts span[data-v-25ad657b],
  .attributes__block.patient-medway-allergies span[data-v-25ad657b],
  .attributes__block .dnacpr-error-wrap span[data-v-25ad657b],
  .attributes__block .alerts-icon-wrapper span[data-v-25ad657b] {
    width: 100%;
}
.attributes__block.patient-medway-alerts img.attribute-icon[data-v-25ad657b],
  .attributes__block.patient-medway-allergies img.attribute-icon[data-v-25ad657b],
  .attributes__block .dnacpr-error-wrap img.attribute-icon[data-v-25ad657b],
  .attributes__block .alerts-icon-wrapper img.attribute-icon[data-v-25ad657b] {
    margin-bottom: 0 0 0.2em 0;
}
.attributes__block .ui-progress-circular[data-v-25ad657b] {
    display: flex;
    align-self: center;
}
.attributes__block .dnacpr-data .dnacpr-error-wrap[data-v-25ad657b] {
    align-items: flex-start;
}
.attributes__block .dnacpr-data .attribute-label[data-v-25ad657b] {
    font-size: small;
}
.attributes__block.patient-consultant[data-v-25ad657b] {
    flex-basis: 13%;
    max-width: 13%;
}
.attributes__block.patient-consultant .attribute-label[data-v-25ad657b] {
    flex-flow: row;
}
.attributes__block.patient-medway-alerts[data-v-25ad657b] {
    flex-basis: 22%;
    max-width: 22%;
}
}
.full-patient-banner[data-v-25ad657b] {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0;
}
.full-patient-banner *[data-v-25ad657b] {
  box-sizing: border-box;
}
.full-patient-banner.is-deceased[data-v-25ad657b] {
  border: none;
}
.full-patient-banner .banner-zone-1[data-v-25ad657b] {
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: normal;
  justify-content: normal;
  align-items: normal;
  width: 99%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.full-patient-banner .banner-zone-1 .address[data-v-25ad657b] {
  height: 100%;
  padding: 35px 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.full-patient-banner .banner-zone-1.is-deceased[data-v-25ad657b] {
  background: #000;
  color: #fff;
}
.full-patient-banner .banner-zone-1.is-deceased div[data-v-25ad657b],
.full-patient-banner .banner-zone-1.is-deceased span[data-v-25ad657b] {
  color: #fff;
}
.patient-meta[data-v-25ad657b] {
  display: flex;
  flex-direction: column;
  padding: 16px 8px;
  width: max-content;
  height: 100%;
}
.patient-meta .patient-name[data-v-25ad657b] {
  display: flex;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.patient-meta .patient-identifiers[data-v-25ad657b] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.patient-meta .identifiers__row[data-v-25ad657b] {
  display: flex;
  margin: 0 0 0.5em 0;
}
.patient-meta .identifiers__row[data-v-25ad657b]:last-of-type {
  margin-bottom: 0;
}
.patient-meta .identifiers__block[data-v-25ad657b] {
  margin-right: 17px;
}
.patient-meta .identifiers__block[data-v-25ad657b]:last-of-type {
  margin-right: 0;
}
.patient-meta .identifiers__block .block__label[data-v-25ad657b] {
  color: #757575;
  margin: 0 8px 0 0;
}
.patient-meta .vertical-divider[data-v-25ad657b] {
  border-left-color: rgba(0, 0, 0, 0.12);
  align-self: center;
  border-left-style: solid;
  border-left-width: 1px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 80%;
}
.patient-meta .block--alternative-id[data-v-25ad657b] {
  margin-right: 17px;
  margin-right: 0.3em;
}
.patient-meta .block--alternative-id[data-v-25ad657b]:last-of-type {
  margin-right: 0;
}
.patient-meta .block--alternative-id .block__label[data-v-25ad657b] {
  color: #757575;
  margin: 0 8px 0 0;
}
.patient-meta.is-deceased[data-v-25ad657b] {
  background: #000;
  color: #fff;
}
.patient-meta.is-deceased div[data-v-25ad657b],
.patient-meta.is-deceased span[data-v-25ad657b] {
  color: #fff;
}
.vertical-divider[data-v-25ad657b] {
  border-left-color: rgba(0, 0, 0, 0.12);
  align-self: center;
  border-left-style: solid;
  border-left-width: 1px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 80%;
}
.patient-attributes2[data-v-25ad657b] {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: normal;
  justify-content: normal;
  height: 32px;
  max-height: 35px;
  width: 100%;
}
.patient-attributes2 .zone-2[data-v-25ad657b] {
  display: flex;
  min-width: 100%;
  width: 100%;
  height: 25px;
}
.alert-allergies-section[data-v-25ad657b] {
  display: flex;
  margin-left: auto;
}
.alert-section[data-v-25ad657b] {
  margin: 0 0 0 auto;
  align-self: center;
  display: flex;
  justify-content: center;
}
.alert-section .section-content[data-v-25ad657b] {
  align-content: center;
  display: flex;
  padding: 0 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.amend-allergies-icon[data-v-25ad657b]:hover {
  cursor: pointer;
  color: #3572b0;
}
.allergies-section[data-v-25ad657b] {
  align-self: center;
  display: flex;
  padding: 0 5px;
}
.location-section[data-v-25ad657b] {
  max-width: 500px;
  align-self: center;
}
.location-section .section-content[data-v-25ad657b] {
  align-content: center;
  display: flex;
  padding: 0 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.consultant-section[data-v-25ad657b] {
  max-width: 500px;
  align-self: center;
}
.consultant-section .section-content[data-v-25ad657b] {
  align-content: center;
  display: flex;
  padding: 0 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.cpr-section[data-v-25ad657b] {
  align-self: center;
}
.cpr-section .section-content[data-v-25ad657b] {
  font-size: small;
  align-content: center;
  display: flex;
  padding: 0 5px;
  height: 16px;
}
.d-flexx[data-v-25ad657b] {
  display: flex!important;
  height: 100%;
}
.addr[data-v-25ad657b] {
  display: flex;
  padding-bottom: 0.5em;
}
.addr span[data-v-25ad657b] {
  padding-left: 0.5em;
}
.patient-attributes[data-v-25ad657b] {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: rgba(0, 0, 0, 0.05);
  min-height: 50px;
}
.patient-attributes .patient-attributes-body[data-v-25ad657b] {
  display: flex;
  width: 97%;
  padding: 0 0 0 8px;
  box-sizing: border-box;
}
.patient-attributes.is-expanded[data-v-25ad657b] {
  padding-bottom: 0;
}
.patient-attributes .attributes__block[data-v-25ad657b] {
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.87);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  padding: 4px;
  border-top: 3px solid rgba(0, 0, 0, 0);
  min-width: 0;
  /* whitespace:nowrap fix */
}
.patient-attributes .attributes__block.patient-medway-allergies[data-v-25ad657b] {
  border-right: none;
}
.patient-attributes .attributes__block[data-v-25ad657b]:first-of-type {
  padding-left: 0;
}
.patient-attributes .attribute-label[data-v-25ad657b] {
  font-weight: 400;
  margin: 0 0 0.1em 0;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  align-items: center;
  hyphens: auto;
}
.patient-attributes .attribute-label .attribute-icon[data-v-25ad657b] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
}
.patient-attributes .attribute-label--col[data-v-25ad657b] {
  align-items: flex-start;
  flex-flow: column;
  width: 100%;
}
.patient-attributes .attribute-label--col .attribute-icon--svg[data-v-25ad657b] {
  width: 100%;
  max-width: 95px;
  height: 16px;
  min-width: 24px;
  display: flex;
  align-self: flex-start;
  margin: 0;
}
.patient-attributes[data-v-25ad657b]:hover {
  cursor: pointer;
}
.attribute-label--col[data-v-25ad657b] {
  align-items: flex-start;
  flex-flow: column;
  width: 100%;
}
.attribute-label--col .attribute-icon--svg[data-v-25ad657b] {
  width: 100%;
  max-width: 95px;
  height: 16px;
  min-width: 24px;
  display: flex;
  align-self: flex-start;
  margin: 0;
}
.attribute-icon[data-v-25ad657b] {
  width: 16px;
  height: 13px;
  margin: 0;
}
.patient-attributes-extended[data-v-25ad657b] {
  /*Extended banner*/
  width: 97%;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: rgba(0, 0, 0, 0.05);
  min-height: 50px;
  background: #fff;
  padding-top: 0;
}
.patient-attributes-extended .patient-attributes-body[data-v-25ad657b] {
  display: flex;
  width: 97%;
  padding: 0 0 0 8px;
  box-sizing: border-box;
}
.patient-attributes-extended.is-expanded[data-v-25ad657b] {
  padding-bottom: 0;
}
.patient-attributes-extended .attributes__block[data-v-25ad657b] {
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.87);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  padding: 4px;
  border-top: 3px solid rgba(0, 0, 0, 0);
  min-width: 0;
  /* whitespace:nowrap fix */
}
.patient-attributes-extended .attributes__block.patient-medway-allergies[data-v-25ad657b] {
  border-right: none;
}
.patient-attributes-extended .attributes__block[data-v-25ad657b]:first-of-type {
  padding-left: 0;
}
.patient-attributes-extended .attribute-label[data-v-25ad657b] {
  font-weight: 400;
  margin: 0 0 0.1em 0;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  align-items: center;
  hyphens: auto;
}
.patient-attributes-extended .attribute-label .attribute-icon[data-v-25ad657b] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
}
.patient-attributes-extended .attribute-label--col[data-v-25ad657b] {
  align-items: flex-start;
  flex-flow: column;
  width: 100%;
}
.patient-attributes-extended .attribute-label--col .attribute-icon--svg[data-v-25ad657b] {
  width: 100%;
  max-width: 95px;
  height: 16px;
  min-width: 24px;
  display: flex;
  align-self: flex-start;
  margin: 0;
}
.patient-attributes-extended[data-v-25ad657b]:hover {
  cursor: pointer;
}
.patient-attributes-extended.is-expanded[data-v-25ad657b] {
  padding: 0 0 0 8px;
  box-sizing: border-box;
}
.patient-attributes-extended .attributes__block[data-v-25ad657b] {
  padding: 4px;
  border-top: none;
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.patient-attributes-extended .patient-medway-allergies[data-v-25ad657b] {
  display: flex;
  flex-basis: 19%;
  flex-grow: 1;
}
.patient-attributes-extended[data-v-25ad657b]:hover {
  cursor: default;
}
.patient-address[data-v-25ad657b] {
  display: flex;
  flex-basis: 10%;
  max-width: 10%;
}
.patient-address .collapsed-address[data-v-25ad657b] {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-contact[data-v-25ad657b] {
  display: flex;
  flex-basis: 10%;
  max-width: 10%;
}
.patient-contact .collapsed-contact[data-v-25ad657b] {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-location[data-v-25ad657b] {
  display: flex;
  flex-basis: 11%;
  max-width: 11%;
  word-break: break-word;
}
.patient-location .collapsed-location[data-v-25ad657b] {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-consultant[data-v-25ad657b] {
  display: flex;
  flex-basis: 15%;
  max-width: 15%;
  word-break: break-word;
}
.patient-consultant .attribute-label[data-v-25ad657b] {
  flex-wrap: wrap;
}
.patient-consultant .label-text-wrapper[data-v-25ad657b] {
  margin: 0 0.2em 0 0;
}
.patient-consultant .collapsed-consultant[data-v-25ad657b] {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.patient-dnacpr[data-v-25ad657b] {
  display: flex;
  flex-basis: 11%;
  max-width: 11%;
  word-break: break-word;
}
.patient-dnacpr .dnacpr-data[data-v-25ad657b] {
  width: 100%;
}
.patient-dnacpr .dnacpr-error-wrap[data-v-25ad657b] {
  display: flex;
  align-items: center;
}
.patient-medway-alerts[data-v-25ad657b] {
  display: flex;
  flex-basis: 23%;
  max-width: 23%;
  flex-grow: 1;
}
.patient-medway-alerts .collapsed-medway-alerts[data-v-25ad657b] {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  /* remove extra space before the comma */
  /* no need to display empty elements */
}
.patient-medway-alerts .collapsed-medway-alerts .alert-name[data-v-25ad657b]:empty {
  display: none;
}
.patient-medway-alerts .collapsed-medway-alerts .alert-name[data-v-25ad657b]:not(:first-child):before {
  content: ', ';
}
.patient-medway-allergies[data-v-25ad657b] {
  display: flex;
  flex-basis: 16%;
  flex-grow: 1;
}
.patient-medway-allergies .collapsed-medway-allergies[data-v-25ad657b] {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  /* remove extra space before the comma */
  /* no need to display empty elements */
}
.patient-medway-allergies .collapsed-medway-allergies .allergy-name[data-v-25ad657b]:empty {
  display: none;
}
.patient-medway-allergies .collapsed-medway-allergies .allergy-name[data-v-25ad657b]:not(:first-child):before {
  content: ', ';
}
.alerts-icon-wrapper[data-v-25ad657b] {
  display: flex;
  margin: 0 0 0.1em 0;
  flex-wrap: nowrap;
  box-sizing: border-box;
}
.alerts-icon-wrapper .icon[data-v-25ad657b],
.alerts-icon-wrapper .attribute-icon[data-v-25ad657b] {
  height: 16px;
  width: 16px;
  min-width: 16px;
  margin: 0 0.2em 0 0;
}
.block__collapse-toggle[data-v-25ad657b] {
  display: flex;
  flex: 0;
  align-items: center;
  flex-basis: 3%;
  max-width: 3%;
  justify-content: flex-end;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.block__collapse-toggle[data-v-25ad657b]:hover {
  cursor: pointer;
  color: #3572b0;
}
.label-not-specified[data-v-25ad657b] {
  color: #757575;
}
.identifiers-multiple-wrapper[data-v-25ad657b]:hover {
  cursor: pointer;
}
.identifiers-multiple-popout[data-v-25ad657b] {
  display: flex;
  flex-direction: column;
}
.identifiers-multiple-popout .itentifier-row[data-v-25ad657b] {
  display: flex;
  flex-direction: row;
  margin: 0 0 0.5em 0;
}
.identifiers-multiple-popout .itentifier-row .block__label[data-v-25ad657b] {
  color: #757575;
  margin: 0 8px 0 0;
}
.amend-consultant-icon[data-v-25ad657b] {
  font-size: 16px;
  color: #3572b0;
  padding-right: 2px;
  position: relative;
  margin: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.amend-edit-consultant-icon[data-v-25ad657b] {
  font-size: 16px;
  color: #3572b0;
  padding-left: 2px;
  position: relative;
  margin: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.amend-edit-consultant-icon[data-v-25ad657b]:hover {
  cursor: pointer;
}
.amend-notification-icon[data-v-25ad657b] {
  font-size: 16px;
  position: relative;
  margin: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.amend-notification-icon[data-v-25ad657b]:hover {
  cursor: pointer;
}
.amend-home-icon[data-v-25ad657b] {
  font-size: 16px;
  color: #3572b0;
  position: relative;
  margin: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.amend-location-icon[data-v-25ad657b] {
  font-size: 16px;
  color: #3572b0;
  position: relative;
  margin: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.patient-type-wrapper[data-v-25ad657b] {
  padding: 0 8px;
  line-height: 2em;
  box-sizing: border-box;
  color: #757575;
}
.patient-type-wrapper.is-expanded[data-v-25ad657b] {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.post-update-wrapper .preview-image-wrapper svg,
.post-update-wrapper .upload-input-wrapper svg {
  fill: #757575;
}
.post-update-wrapper .preview-image-wrapper svg:hover,
.post-update-wrapper .upload-input-wrapper svg:hover {
  fill: #3572b0;
}
.post-update-wrapper .ui-autocomplete__feedback {
  padding-top: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.post-update-wrapper[data-v-6212cd92] {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.post-update-wrapper.is-network-update[data-v-6212cd92] {
  padding: 1em 0 0 0;
}
.post-update-wrapper.is-modal[data-v-6212cd92] {
  min-height: 60vh;
}
.update-comment-wrapper[data-v-6212cd92] {
  margin: 3em 0 0 0;
}
.update-comment-wrapper.is-network-update[data-v-6212cd92] {
  margin: 3em 0 0 0;
}
.update-comment-wrapper .ui-textbox[data-v-6212cd92] {
  margin-bottom: 1em;
}
.update-comment-wrapper .static-error[data-v-6212cd92] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.static-error[data-v-6212cd92] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.update-footer[data-v-6212cd92] {
  margin: 5em 0 0 0;
  padding: 0;
}
.update-footer.is-network-update[data-v-6212cd92] {
  margin: 5em 0 0 0;
  padding: 0;
}
.add-patient-wrapper[data-v-6212cd92] {
  margin: 0 0 2em 0;
}
.document-wrapper[data-v-6212cd92] {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin: 0 0 2em 0;
}
.preview-image[data-v-6212cd92] {
  max-width: 200px;
  image-orientation: from-image;
}
.upload-input-wrapper[data-v-6212cd92] {
  display: flex;
  align-items: center;
}
.upload-input-wrapper .image-remove[data-v-6212cd92] {
  margin: 0 0 0 0.5em;
}
.upload-input-wrapper .image-remove[data-v-6212cd92]:hover {
  cursor: pointer;
}
.preview-image-wrapper[data-v-6212cd92] {
  margin: 0 0 1em 0;
  padding: 0.3em;
  border: 1px solid #dddede;
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
  position: relative;
  max-width: 200px;
}
.preview-image-wrapper .image-remove[data-v-6212cd92] {
  position: absolute;
  bottom: -10px;
  right: -15px;
}
.preview-image-wrapper .image-remove[data-v-6212cd92]:hover {
  cursor: pointer;
}
.invalid-wrapper[data-v-6212cd92] {
  display: flex;
  margin: 1em 0 0 0;
  color: #ff5252;
}
.file-name-label[data-v-6212cd92] {
  font-weight: 500;
  margin: 0.5em 0 0 0;
}
.document-disclaimer[data-v-6212cd92] {
  display: flex;
  margin: auto 0 0 0;
  justify-content: flex-end;
}
.preview-render-wrapper[data-v-6212cd92] {
  margin: 0 0 1em 0;
}
.title-wrapper[data-v-6212cd92] {
  display: flex;
}
.title-wrapper .col-1[data-v-6212cd92] {
  display: flex;
  flex-grow: 1;
}
.title-wrapper .col-1 .ui-autocomplete[data-v-6212cd92] {
  display: inline-flex;
  width: 100%;
  margin: 0;
}
.title-wrapper .col-2[data-v-6212cd92] {
  display: flex;
  border-bottom: 1px solid #dddede;
  margin-left: 0.2em;
}
.title-wrapper .col-2 svg[data-v-6212cd92] {
  opacity: 0.54;
}
.title-wrapper .col-2 svg[data-v-6212cd92]:hover {
  cursor: pointer;
  fill: #3572b0;
  opacity: 1;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-item[data-v-3c640df5] {
  padding: 8px;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  border-bottom: 1px solid #dddede;
  position: relative;
}
.patient-item[data-v-3c640df5]:hover {
  cursor: pointer;
}
.patient-item.active[data-v-3c640df5] {
  background: rgba(3, 123, 193, 0.12);
}
.patient-item .patient-data[data-v-3c640df5] {
  min-width: 80%;
  flex-basis: 80%;
  display: flex;
  flex-direction: column;
  padding-right: 8px;
  flex-grow: 1;
}
.patient-item .patient-actions[data-v-3c640df5] {
  max-width: 20%;
  flex-basis: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.patient-item .patient-actions i.pin-icon[data-v-3c640df5] {
  position: relative;
  left: -5px;
  font-size: 16px;
  color: #757575;
}
.patient-name[data-v-3c640df5] {
  padding: 0 0 8px 0;
}
.block[data-v-3c640df5] {
  font-weight: 500;
  color: #212121;
}
.block__label[data-v-3c640df5] {
  font-weight: 400;
  margin: 0 0.5em 0 0;
  color: #757575;
}
.popover-trigger[data-v-3c640df5]:hover {
  color: #3572b0;
}
.ews-svg-wrapper[data-v-3c640df5] {
  display: flex;
  align-items: center;
  margin: 0.5em 0 0 0;
  color: #757575;
}
.ews-svg-wrapper .ews-change-icon[data-v-3c640df5] {
  display: flex;
  height: 18px;
  width: 12px;
  margin: 0 0 0 0.3em;
}
.ews-svg-wrapper div[data-v-3c640df5] {
  display: inherit;
}
.patient-ews-wrapper[data-v-3c640df5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.5em 0 0 0;
}
.patient-ews-score[data-v-3c640df5] {
  padding: 0.2em 0.5em;
  font-size: 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.table__row .body__cell[data-v-84492bde] {
  flex-grow: 1;
}
.table__row .body__cell.column-select[data-v-84492bde] {
  max-width: 25px;
  display: flex;
  justify-content: center;
}
.table__row .body__cell.column-select .material-icons[data-v-84492bde] {
  font-size: 22px;
}
.table__row .body__cell.column-select.is-on-list[data-v-84492bde] {
  padding-top: 0;
}
.table__row .body__cell.column-actions[data-v-84492bde] {
  max-width: 45px;
  display: flex;
}
.table__row .body__cell.column-patient[data-v-84492bde] {
  display: flex;
  max-width: 300px;
}
.pin-icon[data-v-84492bde] {
  font-size: 15px;
  position: relative;
  top: 0.3em;
  color: #757575;
}
.clinical-tag-wrapper[data-v-84492bde] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}
.popover-trigger[data-v-84492bde]:hover {
  color: #3572b0;
  cursor: pointer;
}
.network-patient-search-col-2 .containerEmpty-wrapper {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.network-patient-search-col-2 .containerEmpty-wrapper i.material-icons {
  font-size: 44px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.network-search-wrapper[data-v-048b6eae] {
  display: flex;
  flex-direction: row;
}
.network-search-wrapper.is-modal[data-v-048b6eae] {
  display: flex;
  flex-direction: column;
}
.network-search-wrapper.is-modal .controls[data-v-048b6eae] {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0;
  min-height: 30px;
  flex-wrap: nowrap;
}
.network-search-wrapper.is-modal .controls .controls__block[data-v-048b6eae] {
  min-width: 205px;
  margin: 0 1em 0 0;
}
.network-search-wrapper.is-modal .controls .ui-select[data-v-048b6eae] {
  margin-bottom: 0;
}
.network-search-wrapper.is-modal .controls .ui-textbox[data-v-048b6eae] {
  margin-bottom: 0;
}
.network-search-wrapper.is-modal .search-results[data-v-048b6eae] {
  display: flex;
  flex-direction: column;
}
.network-search-wrapper.is-modal .results-wrapper-scroll[data-v-048b6eae] {
  overflow: auto;
  height: calc(100vh - 260px);
}
.network-search-wrapper.is-modal .u-data-table--default[data-v-048b6eae] {
  margin-left: 0;
  margin-bottom: 0;
}
.network-search-wrapper.is-modal .u-data-table--default .table__head[data-v-048b6eae] {
  margin: 1em 0 0 0;
}
.search-controls-wrapper[data-v-048b6eae] {
  display: flex;
  flex-direction: column;
  flex-basis: 35%;
  max-width: 345px;
  min-width: 345px;
  border-right: 1px solid #dddede;
}
.search-controls-wrapper .controls[data-v-048b6eae] {
  padding: 1em;
  border-bottom: 1px solid #dddede;
}
.search-controls-wrapper-collapsed[data-v-048b6eae] {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.05);
  width: 55px;
  justify-content: center;
  align-items: center;
}
.search-controls-wrapper-collapsed[data-v-048b6eae]:hover {
  cursor: pointer;
}
.search-controls-wrapper-collapsed:hover .material-icons[data-v-048b6eae] {
  color: #3572b0;
}
.search-patient-wrapper[data-v-048b6eae] {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 100%;
  max-width: 100%;
  overflow: auto;
}
.results-is-loading[data-v-048b6eae] {
  display: flex;
  justify-content: center;
  margin: 1em 0;
  min-height: 32px;
}
.search-input[data-v-048b6eae] {
  display: flex;
  flex-direction: row;
}
.search-input .search-input__block[data-v-048b6eae] {
  display: flex;
  flex-basis: 90%;
  flex-direction: column;
  flex-grow: 1;
}
.search-input .search-input__block--icon-wrapper[data-v-048b6eae] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 10%;
  align-items: flex-end;
  justify-content: center;
}
.search-input .search-input__block--icon-wrapper .material-icons[data-v-048b6eae]:hover {
  cursor: pointer;
  color: #3572b0;
}
.search-title[data-v-048b6eae] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
}
.search-title .title__label[data-v-048b6eae] {
  text-transform: uppercase;
  font-weight: 500;
}
.location-select .site-label[data-v-048b6eae] {
  box-sizing: border-box;
  font-weight: 500;
}
.location-select .area-label[data-v-048b6eae] {
  box-sizing: border-box;
  padding-left: 0.5em;
}
.containerEmpty-wrapper .material-icons[data-v-048b6eae] {
  font-size: 44px;
}
.create-patient-btn[data-v-048b6eae] {
  margin: 1em 0 0 0;
  font-size: 0.9em;
}
.sentinel[data-v-048b6eae] {
  min-width: 1px;
  min-height: 1px;
}
.feedBody__itemReply[data-v-576ec588] {
  margin: 1em 0;
}
.patient-referral-wrapper .ui-textbox__label-text {
  margin: 0 0 0.5em 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.referral-teams-wrapper[data-v-072f376f] {
  margin: 0 0 3em 0;
  min-height: 127px;
}
.referral-teams-wrapper .ui-select[data-v-072f376f] {
  min-height: 44px;
}
.profile-template-select-wrapper[data-v-072f376f] {
  margin: 0;
  min-height: 35px;
}
.profile-template-select-wrapper .ui-select[data-v-072f376f] {
  min-height: 44px;
}
.profile-template-select-wrapper.is-ddl[data-v-072f376f] {
  margin: 0 0 1.5em 0;
  min-height: 47px;
}
.referral-footer[data-v-072f376f] {
  padding: 2em 0 0 0;
}
.ui-team-ddl .divider-label[data-v-072f376f] {
  box-sizing: border-box;
  font-weight: 500;
}
.ui-team-ddl .divider-label[data-v-072f376f]:hover {
  cursor: default;
}
.ui-team-ddl .option-label[data-v-072f376f] {
  box-sizing: border-box;
  padding-left: 0.5em;
}
.ui-team-ddl .is-disabled[data-v-072f376f] {
  color: #757575;
}
.ui-team-ddl .item-description[data-v-072f376f] {
  font-size: 0.9em;
  color: #757575;
  margin: 0.2em 0 0 0;
}
.btn--plain .handover-meta[data-v-072f376f] {
  color: #757575;
  font-weight: 400;
  font-size: 0.9em;
}
.meta[data-v-072f376f] {
  color: #757575;
  font-weight: 400;
  font-size: 0.9em;
}
.external-teams-toggle-wrapper[data-v-072f376f] {
  padding-top: 10px;
  color: #3572b0;
}
/* Styling for options */
.ui-select-option__basic[data-v-072f376f] {
  display: flex;
  flex-direction: column;
}
.item-description[data-v-072f376f] {
  font-size: 0.85em;
  color: gray;
}
/* Styling for the selected item */
.ui-select-selected__custom[data-v-072f376f] {
  display: flex;
  flex-direction: column;
}
.ui-select-selected__custom .item-description[data-v-072f376f] {
  font-size: 0.85em;
  color: gray;
}
.vue-application-patient-tags {
  /*Wrap to prevent leaks into global scope*/
}
.vue-application-patient-tags .ui-modal__body {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.vue-application-patient-tags .ui-modal__container {
  display: flex;
  flex-flow: column;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-tags-wrapper[data-v-81d612be] {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
  height: 100%;
  overflow: hidden;
  flex-grow: 1;
}
.patient-tags-wrapper .ui-select[data-v-81d612be] {
  min-height: 44px;
}
.patient-tags-wrapper .body-wrapper[data-v-81d612be] {
  display: flex;
  margin: 0;
  padding: 0;
  flex-flow: row nowrap;
  height: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
}
.patient-tags-wrapper .col-1[data-v-81d612be] {
  display: flex;
  flex-basis: 50%;
  flex-flow: column;
  box-sizing: border-box;
  padding: 0 2em 0 0;
  height: 100%;
}
.patient-tags-wrapper .col-1 .ui-select[data-v-81d612be] {
  margin-bottom: 1em;
}
.patient-tags-wrapper .col-1 .ui-textbox[data-v-81d612be] {
  margin-bottom: 0;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper[data-v-81d612be] {
  display: flex;
  flex-flow: column nowrap;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item[data-v-81d612be] {
  min-height: 29px;
  display: flex;
  flex-flow: row nowrap;
  padding: 0.5em 0.5em;
  border-bottom: 1px solid #dddede;
  justify-items: center;
  align-items: center;
  box-sizing: border-box;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item.is-selected[data-v-81d612be] {
  color: #212121;
  background: rgba(3, 123, 193, 0.12);
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item.is-selected .material-icons[data-v-81d612be] {
  color: #3572b0;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item[data-v-81d612be]:hover {
  cursor: pointer;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item.is-active[data-v-81d612be] {
  padding-left: 2.2em;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item.is-active[data-v-81d612be]:hover {
  cursor: default;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item .group-tag-name[data-v-81d612be] {
  font-weight: 500;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item .group-tag-meta[data-v-81d612be] {
  margin: 0;
  color: #757575;
  font-size: 0.9em;
  font-weight: 400;
}
.patient-tags-wrapper .col-1 .group-tags-wrapper .group-tag-item .material-icons[data-v-81d612be] {
  font-size: 18px;
  color: #757575;
  margin: 0 0.2em 0 0;
}
.patient-tags-wrapper .col-1 .form-row[data-v-81d612be] {
  display: flex;
  flex-flow: column;
  padding: 0 0.2em 1em 0.2em;
  box-sizing: border-box;
  min-height: 99px;
}
.patient-tags-wrapper .col-1 .add-tag-actions-wrapper[data-v-81d612be] {
  margin-top: 15px;
}
.patient-tags-wrapper .col-1 .add-tag-actions-wrapper .clear-tags-btn[data-v-81d612be] {
  margin: 0 0 0 1em;
}
.patient-tags-wrapper .col-2[data-v-81d612be] {
  display: flex;
  flex-flow: column nowrap;
  flex-basis: 50%;
  box-sizing: border-box;
  padding: 0 0 0 2em;
  height: 100%;
  min-height: 200px;
}
.patient-tags-wrapper .col-2 .static-title[data-v-81d612be] {
  display: flex;
  padding: 0 0 0.5em 0.5em;
  font-weight: 500;
  font-size: 1.1em;
}
.patient-tags-wrapper .col-2 .active-tags-wrapper[data-v-81d612be] {
  display: flex;
  flex-grow: 1;
  flex-flow: column nowrap;
}
.patient-tags-wrapper .col-2 .active-tags-wrapper .active-tags-static-message[data-v-81d612be] {
  margin: 2em 0 0 0;
  padding: 0 0 0 0.5em;
  box-sizing: border-box;
}
.patient-tags-wrapper .col-2 .tag-row[data-v-81d612be] {
  display: flex;
  flex-flow: row;
  padding: 0.5em 0.5em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
}
.patient-tags-wrapper .col-2 .tag-meta[data-v-81d612be] {
  display: flex;
  padding: 0 2em 0 0;
  box-sizing: border-box;
  flex-flow: column;
}
.patient-tags-wrapper .col-2 .tag-meta .tag-meta-name[data-v-81d612be] {
  font-weight: 500;
  margin: 0 0 0.3em 0;
}
.patient-tags-wrapper .col-2 .tag-meta .tag-meta-data[data-v-81d612be] {
  color: #757575;
  font-size: 0.9em;
  line-height: 1.3em;
}
.patient-tags-wrapper .col-2 .tag-action[data-v-81d612be] {
  display: flex;
}
.handover-modal-wrapper {
  /*Wrapped in parent to prevent leak*/
}
.handover-modal-wrapper .ui-textbox__label-text {
  margin: 0 0 0.5em 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.handover-modal-wrapper[data-v-0035a12e] {
  min-height: 70vh;
}
.modal__header[data-v-0035a12e] {
  margin: 0 0 2em 0;
  padding: 0 0 1em 0;
}
.modal__body .body__row[data-v-0035a12e] {
  margin: 0 0 3em 0;
}
.modal__body .body__row .handover-txt[data-v-0035a12e] {
  hyphens: auto;
  white-space: pre-line;
  width: 100%;
}
.modal__body .body__row .handover-key[data-v-0035a12e] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.modal__body .body__row .ui-textbox__label-text[data-v-0035a12e] {
  margin: 0 0 0.5em 0;
}
.modal__footer[data-v-0035a12e] {
  margin: 0 0 1em 0;
  padding: 0;
}
.modal__meta-description[data-v-0035a12e] {
  color: #757575;
}
.select-role-splash[data-v-0035a12e] {
  color: #757575;
  display: flex;
  align-content: center;
  align-items: center;
}
.select-role-splash i.material-icons[data-v-0035a12e] {
  font-size: 24px;
}
.static-error[data-v-0035a12e] {
  color: #ff5252;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-team-item[data-v-e97eab0c] {
  max-width: 80%;
}
.ui-switch[data-v-e97eab0c] {
  z-index: 1;
}
.ui-switch__input-wrapper[data-v-e97eab0c] {
  min-width: 2.125rem;
}
.smart-list-label[data-v-e97eab0c] {
  color: #ff5252;
  margin: 0 0 0 0.5em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-lists[data-v-4e75c57f] {
  box-sizing: border-box;
  margin: 0 0 0 1em;
  padding: 0 0 1em 0.1em;
}
.patient-lists.is-modal[data-v-4e75c57f] {
  margin: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.u-data-table--default .table__row[data-v-1e18ad7f]:hover {
  background: none;
}
.u-data-table--default .table__row.is-audit[data-v-1e18ad7f] :hover {
  cursor: auto;
}
.u-data-table--default .table__row.is-audit a[data-v-1e18ad7f]:hover {
  cursor: pointer;
}
.u-data-table--default .table__row .row-profile-block[data-v-1e18ad7f] {
  display: flex;
  flex: 1;
  flex-grow: 1;
}
.u-data-table--default .table__row .row-colour-block[data-v-1e18ad7f] {
  width: 5px;
  display: flex;
  align-self: stretch;
}
.u-data-table--default .table__row.is-modal .row-profile-block[data-v-1e18ad7f] {
  flex-flow: row;
}
.body__cell .ui-textbox[data-v-1e18ad7f] {
  flex-basis: 98%;
}
.body__cell .ui-textbox__textarea[data-v-1e18ad7f] {
  max-height: 360px;
}
.body__row[data-v-1e18ad7f] {
  margin-bottom: 0;
}
.row__meta[data-v-1e18ad7f] {
  display: flex;
  flex-direction: column;
}
.row__meta .meta__role[data-v-1e18ad7f] {
  width: 100%;
}
.row__meta .meta__team[data-v-1e18ad7f] {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  word-break: break-all;
}
.row__meta .meta__updated[data-v-1e18ad7f] {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  word-break: break-all;
}
.meta__updated[data-v-1e18ad7f] {
  margin: 0.6em 0 0 0;
  font-size: 0.9em;
  color: #757575;
}
.role-blob[data-v-1e18ad7f] {
  padding: 0;
  font-weight: 500;
  color: #212121;
  margin: 0 0 1em 0;
  display: block;
}
.handover-txt[data-v-1e18ad7f] {
  white-space: pre-wrap;
  hyphens: auto;
  width: 100%;
}
.handover-txt--diffs[data-v-1e18ad7f] {
  white-space: pre-wrap;
  width: 100%;
  hyphens: auto;
}
.handover-txt--diffs[data-v-1e18ad7f]:hover {
  cursor: auto;
}
.row__footer .ui-button[data-v-1e18ad7f] {
  margin-right: 0.5em;
}
.edit-btn[data-v-1e18ad7f] {
  display: flex;
  align-items: center;
}
.edit-btn .material-icons[data-v-1e18ad7f] {
  font-size: 16px;
  margin: 0 0.2em 0 0;
}
.new-profile-row[data-v-1e18ad7f] {
  display: flex;
  flex-flow: row;
  border-bottom: 1px solid #dddede;
  padding: 0.3em 0;
  margin: 0.3em 0;
}
.new-profile-row .row-colour-block[data-v-1e18ad7f] {
  width: 5px;
  display: flex;
  align-self: stretch;
}
.new-profile-row .new-profile-name[data-v-1e18ad7f] {
  display: flex;
  padding: 0 0.3em;
}
.new-profile-row .new-profile-name .role-blob[data-v-1e18ad7f] {
  margin: 0 1em 0 0;
}
.new-profile-row .new-profile-actions[data-v-1e18ad7f] {
  display: flex;
}
.ui-modal[data-v-1e18ad7f] {
  letter-spacing: normal;
}
.ui-modal.ui-modal--size-small.is-open .ui-modal__container[data-v-1e18ad7f] {
  width: 36rem;
}
.ui-modal .ui-modal__body[data-v-1e18ad7f]::after,
.ui-modal:not(.has-footer) .ui-modal__body[data-v-1e18ad7f]::after {
  padding-bottom: 0;
}
.ui-modal .modal__footer[data-v-1e18ad7f] {
  text-align: center;
  margin: 0 auto;
}
div.ui-modal p[data-v-1e18ad7f] {
  margin-top: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.sentinel[data-v-75f67eea] {
  min-width: 1px;
  min-height: 1px;
  display: flex;
  justify-content: center;
}
.sentinel.has-loader[data-v-75f67eea] {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.is-modal .banner-wrapper[data-v-293fa146] {
  margin: 1rem 0 16px 0;
}
.is-modal .banner-wrapper .u-patientBanner[data-v-293fa146] {
  margin: 0;
}
.is-modal .context-nav[data-v-293fa146] {
  padding-left: 0;
  min-height: 0;
  margin-bottom: 1em;
}
.is-modal .profile-toggle-wrapper[data-v-293fa146] {
  padding-left: 0;
}
.is-modal .u-data-table--default[data-v-293fa146] {
  margin-left: 0;
  margin-bottom: 0;
}
.context-nav[data-v-293fa146] {
  padding: 0 1em;
  display: flex;
  min-height: 30px;
}
.context-nav .btn--plain[data-v-293fa146] {
  margin: 0 1em 0 0;
}
.context-nav .btn--plain.active[data-v-293fa146] {
  color: #212121;
}
.context-nav .btn--plain.active[data-v-293fa146]:hover {
  cursor: default;
}
.context-nav .btn--plain[data-v-293fa146]:last-of-type {
  margin-right: 0;
}
.context-nav .btn--plain[data-v-293fa146]:hover {
  cursor: pointer;
}
.context-nav .nav-block[data-v-293fa146] {
  display: flex;
  align-items: center;
}
.context-nav .nav-block .ui-select[data-v-293fa146] {
  margin-bottom: 0;
}
.profile-toggle-wrapper[data-v-293fa146] {
  padding: 0 0 0 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: wrap;
}
.profile-toggle-wrapper .ui-select[data-v-293fa146] {
  min-width: 300px;
  max-width: 400px;
}
.profile-toggle-wrapper .btn--plain[data-v-293fa146] {
  margin-left: 1em;
}
.u-data-table--default[data-v-293fa146] {
  margin-left: 0;
  margin-bottom: 0;
}
.item[data-v-293fa146] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-293fa146] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.row__date[data-v-293fa146] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.row__title[data-v-293fa146] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  color: #3572b0;
  align-items: center;
  flex-wrap: wrap;
}
.row__team[data-v-293fa146] {
  display: flex;
  margin: 0 0.7em 0 0;
}
.row__role[data-v-293fa146] {
  padding: 0.2em 0.3em;
  border-radius: 10%;
  margin: 0 0.5em 0 0;
  color: #212121;
  align-items: center;
  display: flex;
}
.table__results-end-scrolling[data-v-293fa146] {
  margin-bottom: 5em;
}
.results-is-loading[data-v-293fa146] {
  display: flex;
  justify-content: center;
  margin: 1em 0;
  min-height: 32px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.activities[data-v-4d30a208] {
  padding: 1em 0.5em;
  margin: 1em 0.5em;
  width: 90%;
  border-bottom: 1px solid #eeeeee;
}
.activities-checkbox[data-v-4d30a208] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.down-arrow-icon[data-v-4d30a208] {
  cursor: pointer;
  width: 24px;
  max-width: 24px;
}
.required-btn[data-v-4d30a208] {
  margin: 0 0 0.5em 2em;
}
.activity-note[data-v-4d30a208] {
  margin-top: 1em;
}
.hasComment[data-v-4d30a208] {
  margin: 0 0 0.5em 0;
  margin-left: auto;
  width: auto;
}
.hasComment i[data-v-4d30a208] {
  font-size: 24px;
  color: grey;
}
.user-profile-card .ui-textbox__input {
  box-sizing: border-box;
  padding: 0 20px 0 0;
}
.user-profile-card input[type='text']::-ms-clear {
  display: none;
}
.user-profile-card ::-ms-clear {
  display: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.profile-card-wrapper[data-v-9c6a8586] {
  display: flex;
  width: 100%;
}
.trigger-wrapper[data-v-9c6a8586] {
  display: inline-flex;
  font-weight: 500;
  flex-grow: 1;
  width: 100%;
}
.trigger-wrapper[data-v-9c6a8586]:hover {
  cursor: pointer;
}
.card-img-wrapper[data-v-9c6a8586] {
  width: 285px;
  max-width: 310px;
  min-height: 110px;
  box-sizing: border-box;
}
.card-img-body[data-v-9c6a8586] {
  display: flex;
  justify-content: space-between;
}
.user-avatar[data-v-9c6a8586] {
  margin-left: auto;
  padding: 0;
}
.card-img[data-v-9c6a8586] {
  border-radius: 50%;
  display: flex;
  margin: 0;
  width: 50px;
  height: 50px;
}
.meta-name[data-v-9c6a8586] {
  margin: 0 0 0.8em 0;
  font-weight: 500;
}
.meta-active[data-v-9c6a8586] {
  color: #757575;
  margin: 0.5em 0 0 0;
}
.user-meta[data-v-9c6a8586] {
  display: flex;
  flex-flow: column;
  padding: 0 1em 0 0;
  line-height: 1.2em;
  flex: 1;
  margin: 0 0 1em 0;
  min-width: 235px;
  box-sizing: border-box;
}
.avatar-wrapper[data-v-9c6a8586] {
  position: relative;
}
.presenceStatus[data-v-9c6a8586] {
  position: absolute;
  bottom: -1px;
  right: 1px;
  width: 0.8em;
  height: 0.8em;
  justify-self: flex-start;
  margin: 00;
}
.presenceStatus.presenceStatus--offline[data-v-9c6a8586] {
  display: none;
}
.user-initials-blob[data-v-9c6a8586] {
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  letter-spacing: 1px;
}
.user-message[data-v-9c6a8586] {
  margin: 0;
  flex: 1;
  display: flex;
  width: 100%;
  min-height: 32px;
  justify-content: space-between;
  align-items: center;
}
.user-message .ui-textbox[data-v-9c6a8586] {
  width: 85%;
  min-width: 245px;
  margin-bottom: 0;
}
.user-message i.material-icons[data-v-9c6a8586] {
  color: #3572b0;
  margin-left: auto;
}
.user-message i.material-icons[data-v-9c6a8586]:hover {
  cursor: pointer;
}
.user-message .message-send-wrapper i.disabled[data-v-9c6a8586] {
  color: #757575;
}
.user-message .message-clear[data-v-9c6a8586] {
  display: flex;
  position: relative;
  left: -15px;
  top: -2px;
}
.user-message .message-clear i.material-icons[data-v-9c6a8586] {
  font-size: 18px;
  color: #212121;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.user-avatar-wrapper[data-v-1ac69562] {
  display: flex;
}
.avatar-wrapper[data-v-1ac69562] {
  box-sizing: border-box;
  display: flex;
  position: relative;
  margin: 0 0.5em 0 0;
  border-radius: 50%;
}
.avatar-profile-card-wrapper[data-v-1ac69562] {
  display: flex;
  width: 100%;
}
.avatar-profile-card-wrapper .avatar-meta-wrapper[data-v-1ac69562] {
  display: flex;
  flex-flow: column;
  flex-basis: 100%;
  justify-content: center;
}
.avatar-img[data-v-1ac69562] {
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
}
.user-initials-blob[data-v-1ac69562] {
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  letter-spacing: 1px;
}
.presenceStatus[data-v-1ac69562] {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 0.8em;
  height: 0.8em;
  justify-self: flex-start;
  margin: 00;
}
.presenceStatus.presenceStatus--offline[data-v-1ac69562] {
  display: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.wrapper[data-v-5142bfe4] {
  font-size: 1em;
}
.timer-label[data-v-5142bfe4] {
  font-weight: 500;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.js-iframe-parent-wrapper[data-v-6eeb7192] {
  height: 500px;
  width: 900px;
}
.js-iframe-parent-wrapper.error-wrapper[data-v-6eeb7192] {
  max-height: 100px;
  min-width: 800px;
}
.iframe-container[data-v-6eeb7192] {
  position: relative;
  width: 100%;
  height: 80%;
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0;
}
.iframe-container iframe[data-v-6eeb7192] {
  border: none;
}
.strip-loader[data-v-6eeb7192] {
  min-height: 3.25px;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
  margin-bottom: 0.5em;
}
.error-wrapper[data-v-6eeb7192] {
  padding: 1em;
}
.raise-patient-task-wrapper {
  /*App branding LESS variables*/
  /*Fonts*/
  /*Brand*/
  /*Colours*/
  /*@careflow--blue: #0089c6;*/
  /*From material spec error*/
  /*Orange-light*/
  /* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
  /* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
  /*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
  /*Equivalent-to-#757575*/
  /*Borders*/
  /*States - tables / blocks*/
  /*View Blocks*/
  /*Buttons*/
  /*http://pxtoem.com/*/
  /*Tags*/
  /*Badges*/
  /*Referrals - set by ID*/
  /*Feed Comments*/
  /*Patient Banner*/
  /*Font Weights*/
  /*Page Layouts*/
  /*Navigation*/
  /*@main-nav--bg: #3D679A;*/
  /*Team / patient view navigation*/
  /* @team-nav-bg: rgba(0, 0, 0, 0.05); */
  /*UI Popouts (e.g on team nav)*/
  /*Titles*/
  /*Global sidebar*/
}
.raise-patient-task-wrapper .ui-radio-group__radios {
  justify-items: flex-start;
  align-items: center;
  justify-content: flex-start;
}
.raise-patient-task-wrapper .ui-select {
  margin-bottom: 0;
}
.raise-patient-task-wrapper .ui-autocomplete__suggestions {
  overflow: auto;
  height: 200px;
}
.raise-patient-task-wrapper .ui-datepicker {
  margin-bottom: 0;
  flex: 1;
}
.raise-patient-task-wrapper .ui-datepicker.u-text-danger .ui-datepicker__display-value {
  color: #ff5252;
}
.raise-patient-task-wrapper .ui-autocomplete {
  flex: 1;
  margin-bottom: 0;
}
.raise-patient-task-wrapper .ui-autocomplete.u-text-danger .ui-autocomplete__input {
  color: #ff5252;
}
.raise-patient-task-wrapper .ui-datepicker.has-floating-label .ui-datepicker__label-text.is-inline {
  -webkit-transform: translateY(1.625rem) scale(1.1);
  transform: translateY(1.625rem) scale(1.2);
}
.raise-patient-task-wrapper .ui-autocomplete__input {
  width: 94%;
}
.raise-patient-task-wrapper .row--inline .ui-select {
  flex: 1;
}
.down-arrow-icon {
  cursor: pointer;
  margin-left: auto;
}
.blur-toggle-wrapper {
  height: 30px;
  background: none;
  padding: 0 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  width: auto;
}
.ui-switch {
  margin-right: 30px;
}
.ui-switch__thumb {
  z-index: 1;
}
.ui-switch__track {
  z-index: initial;
}
.badge {
  background-color: red;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 0.8em;
  position: absolute;
  top: 0;
  right: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.raise-patient-task-wrapper[data-v-d9bad0ca] {
  display: flex;
  min-height: 600px;
  flex-flow: column;
}
.ui-collapsible__header[data-v-d9bad0ca] {
  max-width: 550px !important;
}
.ui-collapsible__body[data-v-d9bad0ca] {
  padding: 0.5em;
  box-sizing: border-box;
  max-width: 575px;
}
.btn-artefact[data-v-d9bad0ca] {
  margin: 0 0.5em 0 0;
  color: #757575;
}
.btn-artefact i[data-v-d9bad0ca] {
  font-size: 18px;
  position: relative;
  top: 2px;
  color: #3572b0;
}
.btn-artefact[data-v-d9bad0ca]:hover {
  cursor: pointer;
  color: #3572b0;
}
.row[data-v-d9bad0ca] {
  display: flex;
  flex-flow: column;
  min-height: 65px;
}
.row.slim[data-v-d9bad0ca] {
  display: flex;
  flex-flow: row;
  min-height: 45px;
  margin-bottom: 1em;
}
.row.slim .urgent[data-v-d9bad0ca] {
  color: #ff5252;
  margin: 0 0 0 0.1em;
}
.row.x-slim[data-v-d9bad0ca] {
  display: flex;
  flex-flow: row;
  margin-top: -1.2em;
  padding: 0 0 1em 0;
  min-height: 0px;
}
.u-new-content-badge[data-v-d9bad0ca] {
  top: 0;
  right: -11px;
}
.row--inline[data-v-d9bad0ca] {
  display: flex;
  flex-flow: column;
  min-height: 65px;
  flex-flow: row;
}
.row--inline.slim[data-v-d9bad0ca] {
  display: flex;
  flex-flow: row;
  min-height: 45px;
  margin-bottom: 1em;
}
.row--inline.slim .urgent[data-v-d9bad0ca] {
  color: #ff5252;
  margin: 0 0 0 0.1em;
}
.row--inline.x-slim[data-v-d9bad0ca] {
  display: flex;
  flex-flow: row;
  margin-top: -1.2em;
  padding: 0 0 1em 0;
  min-height: 0px;
}
.row--inline .inline-item[data-v-d9bad0ca] {
  width: 50%;
  box-sizing: border-box;
  display: flex;
}
.row--inline .inline-item.flow-column[data-v-d9bad0ca] {
  flex-flow: column;
}
.row--inline .inline-item[data-v-d9bad0ca]:first-of-type {
  margin-right: 2em;
}
.row--inline .inline-item.no-margin[data-v-d9bad0ca] {
  margin-right: 0;
}
.activities-switch[data-v-d9bad0ca] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.5em 0em;
}
.activities-switch .ui-checkbox[data-v-d9bad0ca] {
  margin-left: 30px;
}
.activities[data-v-d9bad0ca] {
  padding: 1em 0.5em;
  margin: 1em 0.5em;
  width: 90%;
  border-bottom: 1px solid #eeeeee;
}
.activities-checkbox[data-v-d9bad0ca] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.collap-container[data-v-d9bad0ca] {
  width: 580px;
}
.collap-container .ui-collapsible .ui-collapsible__body-wrapper[data-v-d9bad0ca] {
  height: auto !important;
  overflow: visible;
}
.collap-container .ui-collapsible .ui-collapsible__header[data-v-d9bad0ca] {
  min-height: 0rem;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
  max-width: 95% !important;
}
.collap-container .ui-collapsible .ui-collapsible__body[data-v-d9bad0ca] {
  padding: 0.5em;
  box-sizing: border-box;
  max-width: 94.6% !important;
}
.badge[data-v-d9bad0ca] {
  background-color: red;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 0.8em;
  position: absolute;
  top: 0;
  right: 0;
}
.panel[data-v-d9bad0ca] {
  flex: 1;
  margin: 0 5px;
  padding: 0;
}
.task-title[data-v-d9bad0ca] {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #dddede;
}
.task-title .title[data-v-d9bad0ca] {
  font-size: 1.1em;
  margin: 0;
  font-weight: 500;
}
.task-title .description[data-v-d9bad0ca] {
  font-size: 1em;
  font-weight: 400;
  margin: 0.2em 0 0 0;
  white-space: pre-line;
}
.task-detail-meta[data-v-d9bad0ca] {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #dddede;
  color: #757575;
}
.title-links[data-v-d9bad0ca] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.title-links .links-title[data-v-d9bad0ca] {
  margin: 0 0 0.5em 0;
}
.task-comments[data-v-d9bad0ca] {
  min-height: 300px;
}
.task-comments .item-add-comment[data-v-d9bad0ca] {
  margin: 2em 0 3em 0;
}
.task-comments .comment-item[data-v-d9bad0ca] {
  background: #f0f5fa;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
.task-comments .comment-item[data-v-d9bad0ca] {
  color: #757575;
  margin: 0 0 0.8em 0;
}
.task-comments .comment-text[data-v-d9bad0ca] {
  line-height: 1.2em;
  color: #212121;
  white-space: pre-line;
}
.task-comments .comment-author[data-v-d9bad0ca] {
  color: #757575;
  margin: 0.5em 0 0 0;
}
.task-history-wrapper .task-history-item[data-v-d9bad0ca] {
  margin: 0 0 0.8em 0;
  padding: 0.8em;
  background: #f0f5fa;
}
.task-history-wrapper .task-history-meta[data-v-d9bad0ca] {
  margin: 0 0 0.5em 0;
}
.task-history-wrapper .history-item-username[data-v-d9bad0ca] {
  color: #757575;
  font-size: 0.9em;
  margin: 0.3em 0;
}
.task-history-wrapper .task-history-properties[data-v-d9bad0ca] {
  margin: 0 0 0.3em 0;
}
.task-history-wrapper .task-history-properties .property-item-vaue[data-v-d9bad0ca] {
  color: #757575;
}
.task-history-wrapper .task-history-message[data-v-d9bad0ca] {
  padding: 1em 0;
}
.label-warning[data-v-d9bad0ca] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.ui-select-row-wrapper[data-v-d9bad0ca] {
  display: flex;
  flex-flow: column;
}
.banner-non-matched[data-v-d9bad0ca] {
  background: rgba(0, 0, 0, 0.05);
  font-weight: 500;
  padding: 0.5em;
  margin: 0 0 1em 0;
}
.banner-non-matched .banner-row[data-v-d9bad0ca] {
  margin: 0 0 0.5em 0;
  padding: 0;
}
.banner-non-matched .label[data-v-d9bad0ca] {
  font-weight: 500;
  margin: 0 0.3em 0 0;
  color: rgba(0, 0, 0, 0.54);
}
.clear-btn[data-v-d9bad0ca] {
  display: flex;
  align-items: center;
}
.clear-btn[data-v-d9bad0ca]:hover {
  cursor: pointer;
}
.inline-item.date-field .mx-datepicker[data-v-d9bad0ca] {
  width: 100%;
}
.date-field[data-v-d9bad0ca] {
  width: 100%;
  align-items: center;
}
.inline-item.date-field[data-v-d9bad0ca] .mx-input-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 2px solid #cfd8dc;
  transition: border-color 0.2s ease;
}
.inline-item.date-field[data-v-d9bad0ca] .mx-input-wrapper:focus-within {
  border-bottom-color: #1976d2;
}
.inline-item.date-field[data-v-d9bad0ca] .date-input {
  border: none !important;
  outline: none;
  box-shadow: none !important;
  padding: 4px 6px 2px 0;
  flex: 1;
  font-size: 14px;
}
.inline-item.date-field[data-v-d9bad0ca] .calendar-icon {
  font-size: 20px;
  margin-left: 4px;
  color: #90a4ae;
  cursor: pointer;
  transition: color 0.2s ease;
}
.inline-item.date-field[data-v-d9bad0ca] .mx-input-wrapper:focus-within .calendar-icon {
  color: #1976d2;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.fab-wrapper {
  display: flex;
}
.fab-wrapper.is-fab {
  position: absolute;
  bottom: 20px;
  right: 40px;
  width: 83px;
  height: 83px;
}
.fab-wrapper.is-fab.is-tpi {
  right: 105px;
}
.fab-wrapper.is-fab .menu-icon {
  width: 77px;
  height: 77px;
  background: #037bc1;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.fab-wrapper.is-fab .menu-icon .material-icons {
  color: #fff;
  font-size: 60px;
}
.fab-wrapper.is-fab .menu-icon:hover {
  cursor: pointer;
}
.fab-wrapper.is-fab .menu-icon--open {
  width: 77px;
  height: 77px;
  background: #037bc1;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: #ff5252;
}
.fab-wrapper.is-fab .menu-icon--open .material-icons {
  color: #fff;
  font-size: 60px;
}
.fab-wrapper.is-fab .menu-icon--open:hover {
  cursor: pointer;
}
.fab-wrapper.is-fab .menu-icon--closed {
  width: 77px;
  height: 77px;
  background: #037bc1;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.fab-wrapper.is-fab .menu-icon--closed .material-icons {
  color: #fff;
  font-size: 60px;
}
.fab-wrapper.is-fab .menu-icon--closed:hover {
  cursor: pointer;
}
.fab-wrapper.is-fab .popover-trigger {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.fab-wrapper.is-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.fab-wrapper.is-actions .ui-icon-button .ui-icon {
  font-size: 24px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.u-patientBanner[data-v-3c009fde] {
  background: rgba(0, 0, 0, 0.05);
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.u-patientBanner.is-deceased[data-v-3c009fde] {
  background: #000;
}
.patientBanner__data[data-v-3c009fde] {
  padding: 1em;
  box-sizing: border-box;
}
.patientBanner__data.is-deceased[data-v-3c009fde] {
  background: #000;
  color: #fff;
}
.patientBanner__data.is-deceased div[data-v-3c009fde],
.patientBanner__data.is-deceased span[data-v-3c009fde] {
  color: #fff;
}
.actions-wrapper[data-v-3c009fde] {
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0.5em 0 0 0;
  box-sizing: border-box;
}
.actions-wrapper.is-deceased[data-v-3c009fde] {
  background: #000;
}
.clinician__set[data-v-3c009fde] {
  display: flex;
}
.date-of-death[data-v-3c009fde] {
  display: flex;
  margin-left: auto;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.c-manage-content[data-v-72549207] {
  color: #212121;
}
.c-manage-content button.ui-icon-button[data-v-72549207] {
  height: 1.8em;
  width: 1.8em;
}
.c-manage-content button.ui-icon-button .material-icons[data-v-72549207] {
  font-size: 22px;
}
.c-manage-content .ui-modal__header-text[data-v-72549207] {
  color: #212121;
}
.c-manage-content__modal[data-v-72549207] {
  min-height: 160px;
  font-size: 13px;
  font-weight: 400;
  color: #212121;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.feed-item[data-v-09000f88] {
  position: relative;
}
.feed-item.is-struck-through .item-title[data-v-09000f88],
.feed-item.is-struck-through .item-update-body[data-v-09000f88] {
  text-decoration: line-through;
}
.feed-item .is-struck-through-meta[data-v-09000f88] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.u-patientBanner[data-v-09000f88] {
  margin-bottom: 0;
}
.update-item[data-v-09000f88] {
  display: flex;
  box-sizing: border-box;
  flex-flow: column;
  flex-wrap: nowrap;
  border: 1px solid #dddede;
  border-top: none;
  padding: 0.8em;
  position: relative;
  margin: 0 0 1em 0;
}
.update-item.is-patient-update[data-v-09000f88] {
  border-top: none;
}
.update-item.is-panel[data-v-09000f88] {
  border: none;
}
.strip-loader[data-v-09000f88] {
  border-left: 1px solid #dddede;
  border-right: 1px solid #dddede;
  border-top: 1px solid #dddede;
  min-height: 3.25px;
}
.item-manage-actions[data-v-09000f88] {
  position: relative;
  top: 0;
}
.item-manage-actions .item-is-read[data-v-09000f88] {
  color: #757575;
  display: flex;
  justify-content: center;
}
.item-manage-actions .item-is-read .material-icons[data-v-09000f88] {
  font-size: 19px;
  opacity: 0.3;
}
.item-title-wrapper[data-v-09000f88] {
  display: flex;
  margin: 0;
}
.item-title[data-v-09000f88] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  font-size: 1.1em;
  width: 97%;
}
.author-wrapper[data-v-09000f88] {
  border-bottom: 1px solid #dddede;
  padding: 0 0 0.5em 0;
  margin: 0 0 0.5em 0;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  color: #757575;
  font-size: 0.9em;
}
.author-wrapper .author-location[data-v-09000f88] {
  margin-left: auto;
}
.item-update-attachment[data-v-09000f88] {
  position: relative;
}
.item-update-body[data-v-09000f88] {
  margin: 0 0 1.8em 0;
  white-space: pre-line;
  line-height: 1.5em;
  word-break: break-word;
}
.comments-actions[data-v-09000f88] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.comment-block[data-v-09000f88] {
  background: #f0f5fa;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
.comment-body[data-v-09000f88] {
  display: flex;
  justify-content: space-between;
}
.comment-body .comment-text[data-v-09000f88] {
  white-space: pre-line;
  line-height: 1.5em;
}
.comment-body .comment-text.is-struck-through[data-v-09000f88] {
  text-decoration: line-through;
}
.comment-author[data-v-09000f88] {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0.8em 0 0 0;
  justify-content: flex-start;
  color: #757575;
  font-size: 0.9em;
}
.load-comments-btn[data-v-09000f88] {
  margin: 0 0 0 1em;
}
.attachment-document-wrapper[data-v-09000f88] {
  display: flex;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #dddede;
  align-items: center;
  padding: 0 0 0.5em 0;
}
.attachment-document-wrapper .attachment-icon[data-v-09000f88] {
  display: flex;
  margin: 0 1em 0 0;
  flex-flow: row nowrap;
  align-items: center;
}
.attachment-document-wrapper .attachment-icon .mime-icon[data-v-09000f88] {
  width: 45px;
}
.attachment-document-wrapper .attachment-actions[data-v-09000f88] {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.attachment-document-wrapper .attachment-actions .btn--plain[data-v-09000f88] {
  align-self: flex-start;
}
.attachment-document-wrapper .attachment-actions .file-size[data-v-09000f88] {
  text-transform: lowercase;
  margin: 0.2em 0 0 0;
}
.feedBody__item-img[data-v-09000f88] {
  max-width: 200px;
}
.patient-tagged-blurred-wrapper .actions[data-v-09000f88] {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-flow: column;
  max-width: 200px;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 2.5em;
}
.patient-tagged-blurred-wrapper .actions[data-v-09000f88]:hover {
  cursor: pointer;
}
.patient-tagged-blurred-wrapper .img-actions-btn[data-v-09000f88] {
  background: none;
  font-size: 0.9em;
  border: 2px solid;
  line-height: 2em;
  padding: 0 0.5em;
  border-radius: 20px;
}
.canvas-img[data-v-09000f88]:hover {
  cursor: pointer;
}
.modal-image-file[data-v-09000f88] {
  max-width: 800px;
}
.image-modal-wrapper[data-v-09000f88] {
  min-width: 400px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.feed-item[data-v-f8455938] {
  position: relative;
}
.feed-item.is-struck-through .item-title[data-v-f8455938],
.feed-item.is-struck-through .item-update-body[data-v-f8455938] {
  text-decoration: line-through;
}
.feed-item .is-struck-through-meta[data-v-f8455938] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.u-patientBanner[data-v-f8455938] {
  margin-bottom: 0;
}
.update-item[data-v-f8455938] {
  display: flex;
  box-sizing: border-box;
  flex-flow: column;
  flex-wrap: nowrap;
  border: 1px solid #dddede;
  padding: 0.8em;
  position: relative;
  margin: 0 0 1em 0;
}
.update-item.is-patient-update[data-v-f8455938] {
  border-top: none;
}
.item-manage-actions[data-v-f8455938] {
  position: relative;
  top: 0;
}
.item-manage-actions .item-is-read[data-v-f8455938] {
  color: #757575;
  display: flex;
  justify-content: center;
}
.item-manage-actions .item-is-read .material-icons[data-v-f8455938] {
  font-size: 19px;
  opacity: 0.3;
}
.item-title-wrapper[data-v-f8455938] {
  display: flex;
  margin: 0;
}
.item-title[data-v-f8455938] {
  font-weight: 500;
  font-size: 1em;
  line-height: 1.3em;
  margin: 0em;
  width: 97%;
}
.author-wrapper[data-v-f8455938] {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  color: #757575;
  font-size: 0.9em;
}
.author-wrapper .author-location[data-v-f8455938] {
  margin-left: auto;
}
.comment-body[data-v-f8455938] {
  display: flex;
  justify-content: space-between;
}
.comment-body .comment-text-wrapper[data-v-f8455938] {
  display: flex;
  flex-flow: column;
}
.comment-body .comment-text[data-v-f8455938] {
  white-space: pre-line;
  line-height: 1.5em;
}
.comment-body .comment-text.is-struck-through[data-v-f8455938] {
  text-decoration: line-through;
}
.referral-status-wrapper[data-v-f8455938] {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  margin: 0 0 1em 0;
  padding: 0 0 0.5em 0;
}
.referral-status-wrapper .status-label[data-v-f8455938] {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.referral-status-wrapper .status-label > div[data-v-f8455938] {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.referral-status-wrapper .status-label .popover-trigger[data-v-f8455938] {
  background: #f0f5fa;
  margin: 0 0 0 1em;
  align-items: center;
  padding: 0.2em;
}
.referral-status-wrapper .status-label .popover-trigger[data-v-f8455938]:hover {
  cursor: pointer;
}
.referal-status-input-wrapper[data-v-f8455938] {
  margin: 2em 0 0 0;
}
.referralStatus[data-v-f8455938] {
  text-transform: capitalize;
  margin: 0em;
}
.item-update-body[data-v-f8455938] {
  margin: 0.5em 0 1.8em 0;
  padding: 0.5em 0 0 0;
  display: flex;
  flex-flow: column;
  border-top: 1px solid #dddede;
  word-break: break-word;
}
.sbar-wrapper[data-v-f8455938] {
  display: flex;
  flex-flow: column;
  margin: 0 0 1em 0;
  white-space: pre-line;
}
.sbar-wrapper[data-v-f8455938]:last-of-type {
  margin-bottom: 0;
}
.sbar-wrapper .sbar-label[data-v-f8455938] {
  font-weight: 500;
  margin: 0 0 0.3em 0;
}
.sbar-wrapper .sbar-text[data-v-f8455938] {
  line-height: 1.5em;
}
.comments-actions[data-v-f8455938] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.comment-block[data-v-f8455938] {
  background: #f0f5fa;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
.comment-block.is-struck-through .comment-text[data-v-f8455938] {
  text-decoration: line-through;
}
.comment-block.is-struck-through .referralStatus[data-v-f8455938] {
  text-decoration: line-through;
}
.comment-author[data-v-f8455938] {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0.8em 0 0 0;
  justify-content: flex-start;
  color: #757575;
  font-size: 0.9em;
}
.load-comments-btn[data-v-f8455938] {
  margin: 0 0 0 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.feed-item[data-v-7685c88a] {
  position: relative;
}
.feed-item.is-struck-through .item-title[data-v-7685c88a],
.feed-item.is-struck-through .item-update-body[data-v-7685c88a] {
  text-decoration: line-through;
}
.feed-item .is-struck-through-meta[data-v-7685c88a] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.u-patientBanner[data-v-7685c88a] {
  margin-bottom: 0;
}
.update-item[data-v-7685c88a] {
  display: flex;
  box-sizing: border-box;
  flex-flow: column;
  flex-wrap: nowrap;
  border: 1px solid #dddede;
  padding: 0.8em;
  position: relative;
  margin: 0 0 1em 0;
}
.update-item.is-patient-update[data-v-7685c88a] {
  border-top: none;
}
.item-is-read[data-v-7685c88a] {
  position: absolute;
  top: 7px;
  right: 7px;
  color: #757575;
}
.item-is-read .material-icons[data-v-7685c88a] {
  font-size: 19px;
  opacity: 0.3;
}
.item-manage-actions[data-v-7685c88a] {
  position: relative;
  top: 0;
}
.item-title-wrapper[data-v-7685c88a] {
  display: flex;
  margin: 0;
}
.item-title[data-v-7685c88a] {
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 0 0.8em 0;
  width: 97%;
}
.item-timestamp[data-v-7685c88a] {
  color: #757575;
  margin: 0 0 0.8em 0;
}
.item-event-date[data-v-7685c88a] {
  color: #757575;
  margin: 0.8em 0 0 0;
}
.author-wrapper[data-v-7685c88a] {
  border-bottom: 1px solid #dddede;
  padding: 0 0 0.5em 0;
  margin: 0 0 0.5em 0;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  color: #757575;
  font-size: 0.9em;
}
.author-wrapper .author-location[data-v-7685c88a] {
  margin-left: auto;
}
.item-update-body[data-v-7685c88a] {
  margin: 0 0 1em 0;
  white-space: pre-line;
  line-height: 1.5em;
  word-break: break-word;
}
.comments-actions[data-v-7685c88a] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.comment-block[data-v-7685c88a] {
  background: #f0f5fa;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
.comment-body[data-v-7685c88a] {
  display: flex;
  justify-content: space-between;
}
.comment-body .comment-text[data-v-7685c88a] {
  white-space: pre-line;
  line-height: 1.5em;
}
.comment-body .comment-text.is-struck-through[data-v-7685c88a] {
  text-decoration: line-through;
}
.comment-author[data-v-7685c88a] {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0.8em 0 0 0;
  justify-content: flex-start;
  color: #757575;
  font-size: 0.9em;
}
.load-comments-btn[data-v-7685c88a] {
  margin: 0 0 0 1em;
}
.item-viewd-by-wrapper[data-v-7685c88a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.viewed-by-item[data-v-7685c88a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 1.5em 0.5em 0;
  min-width: 140px;
}
.viewed-by-item-meta[data-v-7685c88a] {
  display: flex;
  flex-direction: column;
}
.viewed-by-item-date[data-v-7685c88a] {
  color: #757575;
  font-size: 0.9em;
}
.viewed-by-item-user[data-v-7685c88a] {
  display: flex;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.feed-wrapper[data-v-6c215f4a] {
  position: relative;
}
.post-update-btn[data-v-6c215f4a] {
  display: flex;
  margin-left: auto;
}
.sentinel--is-loading[data-v-6c215f4a] {
  padding: 1em;
  justify-items: center;
  justify-content: center;
  display: flex;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-referral-detail[data-v-651dbb56] {
  margin: 0 0 5em 0;
}
.patient-referral-detail.is-struck-through .meta-row[data-v-651dbb56],
.patient-referral-detail.is-struck-through .sbar-value[data-v-651dbb56] {
  text-decoration: line-through;
}
.patient-referral-detail .is-struck-through-meta[data-v-651dbb56] {
  color: #ff5252;
  margin: 0;
  font-size: 13px;
}
.patient-referral-detail .referral-meta-wrapper[data-v-651dbb56] {
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
  line-height: 1.5em;
  display: flex;
  justify-content: space-between;
}
.patient-referral-detail .referral-meta-wrapper label[data-v-651dbb56] {
  color: #757575;
  margin: 0 0.5em 0 0;
}
.patient-referral-detail .referral-meta-wrapper .status-wrapper[data-v-651dbb56] {
  display: flex;
  margin: 0.5em 0 0 0;
}
.patient-referral-detail .referral-meta-wrapper .status-wrapper[data-v-651dbb56]:hover {
  cursor: pointer;
}
.patient-referral-detail .referral-meta-wrapper .status-wrapper .status-label[data-v-651dbb56] {
  display: flex;
  align-items: center;
}
.patient-referral-detail .author-wrapper[data-v-651dbb56] {
  display: flex;
  align-items: center;
  color: #757575;
  margin: 0 0 1em 0;
}
.patient-referral-detail .referral-sbar-wrapper[data-v-651dbb56] {
  display: flex;
  flex-flow: column;
  padding-top: 1em;
  margin: 0 0 1em 0;
  border-top: 1px solid #dddede;
}
.patient-referral-detail .referral-sbar-wrapper .sbar-title[data-v-651dbb56] {
  color: #757575;
}
.patient-referral-detail .referral-sbar-wrapper .sbar-row[data-v-651dbb56] {
  margin: 0 0 1em 0;
}
.patient-referral-detail .referral-sbar-wrapper .sbar-value[data-v-651dbb56] {
  margin: 0.3em 0 0 0;
  white-space: pre-line;
}
.patient-referral-detail .referral-comments-wrapper[data-v-651dbb56] {
  display: flex;
  flex-flow: column;
}
.patient-referral-detail .referral-comments-wrapper .comment-body[data-v-651dbb56] {
  display: flex;
  justify-content: space-between;
}
.patient-referral-detail .referral-comments-wrapper .comment-body .comment-text-wrapper[data-v-651dbb56] {
  display: flex;
  flex-flow: column;
}
.patient-referral-detail .referral-comments-wrapper .comment-body .comment-text[data-v-651dbb56] {
  white-space: pre-line;
  line-height: 1.5em;
}
.patient-referral-detail .referral-comments-wrapper .comments-actions[data-v-651dbb56] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.patient-referral-detail .referral-comments-wrapper .comment-block[data-v-651dbb56] {
  background: #f0f5fa;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
.patient-referral-detail .referral-comments-wrapper .comment-block.is-struck-through .comment-text[data-v-651dbb56] {
  text-decoration: line-through;
}
.patient-referral-detail .referral-comments-wrapper .comment-block.is-struck-through .referralStatus[data-v-651dbb56] {
  text-decoration: line-through;
}
.patient-referral-detail .referral-comments-wrapper .comment-author[data-v-651dbb56] {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0.8em 0 0 0;
  justify-content: flex-start;
  color: #757575;
  font-size: 0.9em;
}
.update-popover-wrapper[data-v-651dbb56] {
  min-width: 230px;
  min-height: 120px;
}
.update-popover-wrapper .status-comment-wrapper[data-v-651dbb56] {
  margin: 2em 0;
}
.external-network-banner[data-v-651dbb56] {
  margin: 0.2em 0 0 0;
  font-size: 0.8em;
}
.static-message {
  display: flex;
  padding: 1em;
  align-content: center;
  justify-content: center;
  box-sizing: border-box;
}
.table-fix-head .th-wrapper {
  display: inline-flex;
  align-items: center;
}
.table-fix-head .sort-icon {
  display: flex;
  align-items: center;
}
.table-fix-head .sort-icon i.material-icons {
  padding: 0;
  font-size: 24px;
  line-height: 10px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.loading-overlay[data-v-2dcaaa5a] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e0e0e0;
  opacity: 0.1;
  z-index: 11;
}
.table-fix-head[data-v-2dcaaa5a] {
  height: 100%;
  padding: 0;
  box-sizing: border-box;
}
.table-fix-head[data-v-2dcaaa5a]:not(.no-overflow) {
  overflow-y: auto;
}
.table-fix-head td[data-v-2dcaaa5a] {
  box-shadow: inset 0px -1px #dddede;
}
.table-fix-head td.no-data-line-wrapper[data-v-2dcaaa5a] {
  text-align: center;
}
.table-fix-head.has-overlay tbody td[data-v-2dcaaa5a] {
  opacity: 0.4;
}
.table-fix-head tr.sentinel-tr td[data-v-2dcaaa5a] {
  box-shadow: none;
  padding: 2em 0;
}
.table-fix-head thead th[data-v-2dcaaa5a] {
  position: sticky;
  top: 0;
  box-shadow: inset 0px -1px #dddede;
  opacity: 1;
  background: #fff;
  z-index: 10;
}
/* Just common table stuff. Really. */
table[data-v-2dcaaa5a] {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}
tbody tr.item-row.is-active[data-v-2dcaaa5a] {
  background: rgba(3, 123, 193, 0.12);
}
tbody tr.item-row[data-v-2dcaaa5a]:hover {
  cursor: pointer;
  background: rgba(3, 123, 193, 0.12);
}
th[data-v-2dcaaa5a],
td[data-v-2dcaaa5a] {
  padding: 0.5em;
  vertical-align: top;
  word-break: break-word;
  max-width: 200px;
}
th[data-v-2dcaaa5a] {
  background: #fff;
  vertical-align: top;
  font-weight: 400;
  color: #757575;
  text-align: left;
}
th .th-wrapper-html[data-v-2dcaaa5a] {
  display: flex;
  align-items: center;
}
th.sortable[data-v-2dcaaa5a] {
  color: #3572b0;
  font-weight: 500;
}
th.sortable.read-only[data-v-2dcaaa5a] {
  color: #757575;
  font-weight: 400;
}
th.sortable[data-v-2dcaaa5a]:hover {
  cursor: pointer;
}
th.has-progress[data-v-2dcaaa5a] {
  text-align: center;
}
th.is-busy[data-v-2dcaaa5a]:hover {
  cursor: progress;
}
.patient-referrals-wrapper .item-row.is-struck-through {
  text-decoration: line-through;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-referrals-wrapper .filters-wrapper[data-v-08ed19f0] {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  min-height: 45px;
  box-sizing: border-box;
  padding: 0 1em;
  margin: 0 0 1em 0;
}
.patient-referrals-wrapper .filters-wrapper .filter-block[data-v-08ed19f0] {
  display: flex;
  flex-flow: row;
  width: 190px;
  margin: 0 0.5em 0 0;
  padding: 0 0.5em 0 0;
  border-right: 1px solid #dddede;
}
.patient-referrals-wrapper .filters-wrapper .filter-block .ui-select[data-v-08ed19f0] {
  flex: 1;
  margin-bottom: 0;
  max-width: 100%;
  width: 100%;
}
.patient-referrals-wrapper .filters-wrapper .filter-block .ui-datepicker[data-v-08ed19f0] {
  flex: 1;
  margin-bottom: 0;
}
.patient-referrals-wrapper .filters-wrapper .filter-block.clear[data-v-08ed19f0] {
  margin: 0;
  padding: 0;
  width: auto;
  border-right: none;
}
.patient-referrals-wrapper .data-table-wrapper[data-v-08ed19f0] {
  margin: 0 0 0 0.5em;
  box-sizing: border-box;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.teams-search[data-v-0b052b73] {
  min-height: 55px;
  display: flex;
  flex-flow: column;
  flex: 1;
  padding: 0 0 0.5em 0;
  box-sizing: border-box;
  justify-content: flex-end;
}
.teams-search .ui-select[data-v-0b052b73] {
  margin-bottom: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.is-patient-list .ui-modal__body {
  padding-top: 0;
}
.is-modal .filters-wrapper .population-search.inline-row .row {
  flex-flow: row;
}
.is-modal .item-row .fa {
  color: #757575;
  position: relative;
  top: 1px;
}
.is-modal .item-row svg {
  fill: rgba(0, 0, 0, 0.38);
}
.is-modal .item-row svg.active {
  fill: #3572b0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.filters-wrapper[data-v-1f98d5dc] {
  display: flex;
  flex-flow: row;
  box-sizing: border-box;
  padding: 0 1.5em 1em 1.5em;
  margin: 0;
}
.filters-wrapper .identifier-search-wrapper[data-v-1f98d5dc] {
  display: flex;
  flex-grow: 1;
  max-width: 24%;
  box-sizing: border-box;
}
.filters-wrapper .popuation-search-wrapper[data-v-1f98d5dc] {
  display: flex;
  flex-grow: 1;
  max-width: 49%;
  box-sizing: border-box;
}
.filters-wrapper .team-list-search-wrapper[data-v-1f98d5dc] {
  display: flex;
  flex-grow: 1;
  max-width: 24%;
  box-sizing: border-box;
  margin: 0 0 0 1em;
}
.data-table-wrapper[data-v-1f98d5dc] {
  min-height: 500px;
  position: relative;
}
td[data-v-98ac2448],th[data-v-98ac2448]{padding:2px;background-color:#fff}td.today[data-v-98ac2448]{font-weight:700}td.disabled[data-v-98ac2448]{pointer-events:none;background-color:#eee;border-radius:0;opacity:.6}.fa[data-v-98ac2448]{display:inline-block;width:100%;height:100%;background:transparent no-repeat 50%;background-size:100% 100%;fill:#ccc}.next[data-v-98ac2448]:hover,.prev[data-v-98ac2448]:hover{background-color:transparent!important}.next .fa[data-v-98ac2448]:hover,.prev .fa[data-v-98ac2448]:hover{opacity:.6}.chevron-left[data-v-98ac2448]{width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.chevron-right[data-v-98ac2448]{width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.yearselect[data-v-98ac2448]{padding-right:1px;border:none;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.monthselect[data-v-98ac2448]{border:none}.daterangepicker .ranges{text-align:left;margin:0;width:100%}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee;color:#000}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}.daterangepicker .monthselect,.daterangepicker .yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default;width:calc(50% - 1rem)}.daterangepicker .monthselect{margin-right:1rem}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:2px;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}.daterangepicker .btn{display:inline-block;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent}.daterangepicker .btn-primary,.daterangepicker .btn-success{background-color:#28a745;color:#fff}.daterangepicker .btn-secondary{background-color:#6c757d;color:#fff}.vue-daterange-picker *,.vue-daterange-picker :after,.vue-daterange-picker :before{-webkit-box-sizing:border-box;box-sizing:border-box}.drp-calendar .col .left{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.daterangepicker.hide-calendars.show-ranges .ranges,.daterangepicker.hide-calendars.show-ranges .ranges ul{width:100%}.daterangepicker .calendars-container{display:-webkit-box;display:-ms-flexbox;display:flex}.daterangepicker[readonly]{pointer-events:none}.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-size:15px;line-height:1em}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:""}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:auto;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:auto;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-buttons,.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px;width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse;display:table}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.yearselect{width:40%}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker.show-ranges .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker.show-calendar .ranges{margin-top:8px;width:auto}@media (min-width:564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .drp-calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.ltr .drp-calendar.right{margin-left:0}.daterangepicker.ltr .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .drp-calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.rtl .drp-calendar.right{margin-right:0}.daterangepicker.rtl .drp-calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{padding-left:12px}.daterangepicker.rtl .drp-calendar,.daterangepicker.rtl .ranges{text-align:right}}@media (min-width:730px){.daterangepicker .drp-calendar.left{clear:none!important}}.calendars[data-v-1ebd09d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.reportrange-text[data-v-1ebd09d2]{background:#fff;cursor:pointer;padding:5px 10px;border:1px solid #ccc;width:100%;overflow:hidden}.daterangepicker[data-v-1ebd09d2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}@media screen and (max-width:768px){.daterangepicker.show-ranges .drp-calendar.left[data-v-1ebd09d2]{border-left:0}.daterangepicker.show-ranges .ranges[data-v-1ebd09d2]{border-bottom:1px solid #ddd;width:100%}.daterangepicker.show-ranges .ranges[data-v-1ebd09d2] ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto}}@media screen and (max-width:541px){.daterangepicker .calendars-container[data-v-1ebd09d2]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width:540px){.daterangepicker.show-weeknumbers[data-v-1ebd09d2],.daterangepicker[data-v-1ebd09d2]{min-width:486px}}@media screen and (min-width:768px){.daterangepicker.show-ranges.show-weeknumbers[data-v-1ebd09d2],.daterangepicker.show-ranges[data-v-1ebd09d2]{min-width:682px}}@media screen and (max-width:340px){.daterangepicker.single.show-weeknumbers[data-v-1ebd09d2],.daterangepicker.single[data-v-1ebd09d2]{min-width:250px}}@media screen and (min-width:339px){.daterangepicker.single[data-v-1ebd09d2]{min-width:auto}.daterangepicker.single.show-ranges.show-weeknumbers[data-v-1ebd09d2],.daterangepicker.single.show-ranges[data-v-1ebd09d2]{min-width:356px}.daterangepicker.single.show-ranges .drp-calendar.left[data-v-1ebd09d2]{border-left:1px solid #ddd}.daterangepicker.single.show-ranges .ranges[data-v-1ebd09d2]{max-width:none;-ms-flex-preferred-size:auto;flex-basis:auto;border-bottom:0}.daterangepicker.single.show-ranges .ranges[data-v-1ebd09d2] ul{display:block;width:100%}}.daterangepicker.show-calendar[data-v-1ebd09d2]{display:block;top:auto}.daterangepicker.opensleft[data-v-1ebd09d2]{right:10px;left:auto}.daterangepicker.openscenter[data-v-1ebd09d2]{right:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.daterangepicker.opensright[data-v-1ebd09d2]{left:10px;right:auto}.slide-fade-enter-active[data-v-1ebd09d2]{-webkit-transition:all .2s ease;transition:all .2s ease}.slide-fade-leave-active[data-v-1ebd09d2]{-webkit-transition:all .1s cubic-bezier(1,.5,.8,1);transition:all .1s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-1ebd09d2],.slide-fade-leave-to[data-v-1ebd09d2]{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.vue-daterange-picker[data-v-1ebd09d2]{position:relative;display:inline-block;min-width:60px}.vue-daterange-picker .show-ranges.hide-calendars[data-v-1ebd09d2]{width:150px;min-width:150px}.inline .daterangepicker[data-v-1ebd09d2]{position:static}.inline .daterangepicker[data-v-1ebd09d2]:after,.inline .daterangepicker[data-v-1ebd09d2]:before{display:none}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.c-tasks-list.is-modal .c-tasks-list__filters-wrapper {
  flex-wrap: nowrap;
}
.c-tasks-list .view-title--team-wrapper {
  align-items: center;
  justify-content: space-between;
}
.c-tasks-list .urgent {
  color: #ff5252;
}
.c-tasks-list .c-tasks-list__view-toggle-btn {
  color: #3572b0;
}
.c-tasks-list .c-tasks-list__view-toggle-btn:first-of-type {
  margin: 0 0.5em 0 0;
}
.c-tasks-list .c-tasks-list__view-toggle-btn:last-of-type {
  margin: 0 0 0 0.5em;
}
.c-tasks-list .c-tasks-list__view-toggle-btn.active {
  color: #212121;
}
.c-tasks-list .c-tasks-list__view-toggle-btn.active:hover {
  cursor: text;
}
.c-tasks-list .c-tasks-list__view-toggle-btn:hover {
  cursor: pointer;
}
.c-tasks-list .success {
  color: #46a728;
}
.c-tasks-list .c-tasks-list__data-row {
  display: flex;
  align-items: center;
}
.c-tasks-list .th-priority-icon {
  font-size: 18px;
}
.c-tasks-list .c-tasks-list__row-meta-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.c-tasks-list .c-tasks-list__row-meta-block:first-of-type {
  margin: 0 0.3em 0 0;
}
.c-tasks-list .ui-select-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
}
.c-tasks-list .ui-select.c-tasks-list__filter-wide .ui-select__dropdown {
  min-width: 22rem;
}
.c-tasks-list .ui-datepicker {
  flex: 1;
  margin-bottom: 0;
}
.c-tasks-list .ui-datepicker .ui-datepicker__display-value {
  font-size: 0.9em;
}
.c-tasks-list .ui-datepicker .ui-datepicker__label-text {
  font-size: 1em;
}
.c-tasks-list .vue-daterange-picker {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  height: 41px;
  width: 100%;
}
.c-tasks-list .vue-daterange-picker .c-tasks-list__filters-clear {
  margin-top: 0;
}
.c-tasks-list .vue-daterange-picker .form-control.reportrange-text {
  padding: 0;
  border: none;
  color: #757575;
  height: 100%;
}
.c-tasks-list .vue-daterange-picker .drp-selected {
  display: none;
}
.c-tasks-list .vue-daterange-picker .daterangepicker td.active,
.c-tasks-list .vue-daterange-picker .daterangepicker td.active:hover {
  background-color: #3572b0;
  border-color: transparent;
  color: #fff;
}
.c-tasks-list .vue-daterange-picker:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.btn-artefact {
  margin: 0 0.5em 0 0;
  color: #757575;
}
.btn-artefact i {
  font-size: 18px;
  position: relative;
  top: 2px;
  color: #3572b0;
}
.btn-artefact:hover {
  cursor: pointer;
  color: #3572b0;
}
.picker-header {
  display: flex;
  align-items: center;
  font-size: 0.8em;
  padding: 0 1em;
}
.picker-header .ui-switch__input-wrapper {
  margin: 0 0 0 0.5em;
}
.applyBtn.btn {
  background-color: #3572b0;
  border-color: transparent;
  color: #fff;
  text-transform: uppercase;
  margin-left: 8px;
  font-size: 0.9em;
  font-weight: 500;
  padding: 4px 8px;
}
.daterangepicker .drp-calendar.left {
  padding: 0 0.2em;
}
.daterangepicker .drp-buttons {
  padding: 0.2em;
}
.daterangepicker .calendar-table td {
  height: 22px;
  line-height: 22px;
}
.cancelBtn.btn {
  background: none;
  text-transform: uppercase;
  color: #3572b0;
}
.daterangepicker.is-resized.opensright:before {
  display: none;
}
.daterangepicker.is-resized.opensright:after {
  display: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.c-tasks-list[data-v-475f6bbe] {
  box-sizing: border-box;
}
.ui-select-option-disabled[data-v-475f6bbe] {
  pointer-events: none;
  opacity: 0.6;
}
.c-tasks-list__data-table[data-v-475f6bbe] {
  padding: 0 0 0 0.5em;
  box-sizing: border-box;
}
.c-tasks-list__filters-wrapper[data-v-475f6bbe] {
  display: flex;
  box-sizing: border-box;
  padding: 0 0.5em;
  margin: 0 0 1em 0;
  min-height: 57px;
  flex-wrap: wrap;
}
.c-tasks-list__filters-block[data-v-475f6bbe] {
  width: 163px;
  flex-grow: unset;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0.2em;
  align-items: baseline;
  border-right: 1px solid #dddede;
}
.c-tasks-list__filters-block .ui-select[data-v-475f6bbe] {
  flex: 1;
  margin-bottom: 0;
  width: 100%;
}
.c-tasks-list__filters-block--mid[data-v-475f6bbe] {
  width: 163px;
  box-sizing: border-box;
}
.c-tasks-list__filters-block--small[data-v-475f6bbe] {
  width: 163px;
  flex-grow: unset;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0.2em;
  align-items: baseline;
  border-right: 1px solid #dddede;
  width: 85px;
  align-items: center;
  flex-flow: row;
}
.c-tasks-list__filters-block--small .ui-select[data-v-475f6bbe] {
  flex: 1;
  margin-bottom: 0;
  width: 100%;
}
.c-tasks-list__filters-block--small .ui-button--type-secondary[data-v-475f6bbe] {
  border: 1px solid #3572b0;
}
.c-tasks-list__filters-block--small .ui-button--type-secondary[data-v-475f6bbe]:disabled {
  border: none;
}
.c-tasks-list__filters-clear[data-v-475f6bbe] {
  display: flex;
  font-size: 0.9em;
  margin: 0.3em 0 0 0;
  justify-content: space-between;
}
.c-tasks-list__filters-clear .btn--plain[data-v-475f6bbe] {
  font-size: 0.9em;
}
.c-tasks-list__filters-clear .btn--plain[data-v-475f6bbe]:disabled {
  color: #757575;
  cursor: progress;
}
.c-tasks-list__filters-clear.picker-block[data-v-475f6bbe] {
  margin-top: 0;
}
.sentence-case[data-v-475f6bbe] {
  text-transform: lowercase;
}
.sentence-case[data-v-475f6bbe]:first-letter {
  text-transform: capitalize;
}
.form-control .picker-footer-body[data-v-475f6bbe] {
  font-weight: 0.9em;
  margin: 0.3em 0 0 0;
  position: relative;
  top: 1px;
}
.form-control.reportrange-text .picker-footer-body[data-v-475f6bbe] {
  font-size: 0.9em;
}
.filters-add-new[data-v-475f6bbe] {
  display: flex;
  margin-left: 2em;
  align-items: center;
}
.location-select .site-label[data-v-475f6bbe],
.location-select .is-disabled[data-v-475f6bbe] {
  box-sizing: border-box;
  font-weight: 700;
}
.location-select .is-disabled[data-v-475f6bbe] {
  pointer-events: none;
}
.location-select .area-label[data-v-475f6bbe] {
  box-sizing: border-box;
}
@media (min-width: 0) and (max-width: 80em) {
.c-tasks-list__filters-block[data-v-475f6bbe] {
    width: 155px;
}
.c-tasks-list__filters-block-mid[data-v-475f6bbe] {
    width: 155px;
}
}
@media (max-width: 1280px) {
.c-tasks-list__filters-block[data-v-475f6bbe] {
    width: 160px;
}
.c-tasks-160px-block-mid[data-v-475f6bbe] {
    width: 160px;
}
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.widget-title-block-wrapper[data-v-59a50225] {
  display: flex;
}
.widget-title-block-wrapper .title-wrapper[data-v-59a50225] {
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 3px solid #ebf2f9;
  margin: 0 0 1em 0;
}
.widget-title-block-wrapper .title-wrapper .title[data-v-59a50225] {
  display: flex;
  flex: 1 auto;
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 0 0 0.2em 0;
  font-weight: 500;
}
.widget-title-block-wrapper .title-wrapper .title-actions[data-v-59a50225] {
  display: flex;
}
.widget-title-block-wrapper .title-wrapper .title-actions .material-icons[data-v-59a50225] {
  color: #3572b0;
}
.widget-title-block-wrapper .title-wrapper .title-actions .material-icons[data-v-59a50225]:hover {
  cursor: pointer;
}
.widget-title-block-wrapper .title-wrapper .title-actions .btn--plain[data-v-59a50225] {
  margin: 0 0.5em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-a416a89e] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-a416a89e] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-a416a89e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-a416a89e] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #3572b0;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-a416a89e]:hover {
  cursor: pointer;
}
.item-row .row__date[data-v-a416a89e] {
  color: #757575;
  display: flex;
  font-weight: 400;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-4bdb2d64] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-4bdb2d64] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-4bdb2d64] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-4bdb2d64] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #3572b0;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-4bdb2d64]:hover {
  cursor: pointer;
}
.item-row .row__date[data-v-4bdb2d64] {
  color: #757575;
  display: flex;
  font-weight: 400;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-7758a7d1] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-7758a7d1] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-7758a7d1] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-7758a7d1] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #3572b0;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-7758a7d1]:hover {
  cursor: pointer;
}
.item-row .row__date[data-v-7758a7d1] {
  color: #757575;
  display: flex;
  font-weight: 400;
}
.item-urgent-blob[data-v-7758a7d1] {
  background: #ff5252;
  justify-content: center;
  font-size: 0.7em;
  padding: 0.1em 0.2em;
  color: #fff;
  display: flex;
  margin: 0 0.5em 0 0;
  border-radius: 3px;
  align-items: center;
  align-self: flex-start;
  min-width: 28px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-923176f6] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-923176f6] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-profile-block[data-v-923176f6] {
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-direction: column;
}
.item-colour-block[data-v-923176f6] {
  width: 5px;
  display: flex;
}
.item-row[data-v-923176f6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.row__date[data-v-923176f6] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.row__title[data-v-923176f6] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  color: #3572b0;
  align-items: center;
  flex-wrap: wrap;
}
.row__summary[data-v-923176f6] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: flex;
  padding: 0 0 0 0.5em;
  box-sizing: border-box;
  margin: 0.1em 0 0 0;
}
.row__team[data-v-923176f6] {
  display: flex;
  margin: 0 0.7em 0 0;
}
.row__role[data-v-923176f6] {
  padding: 0;
  border-radius: 10%;
  margin: 0 0.5em 0 0;
  color: #212121;
  align-items: center;
  display: flex;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.clinical-tag[data-v-1c613d50] {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #999999;
  background: #fff;
  padding: 0.4em;
  margin: 0 0.25em 0.5em 0;
  line-height: 1.1em;
  position: relative;
  font-size: 0.8em;
  flex-flow: nowrap;
}
.clinical-tag .label[data-v-1c613d50] {
  display: flex;
  order: 0;
}
.clinical-tag .remove[data-v-1c613d50] {
  display: flex;
  order: 1;
  line-height: 13px;
}
.clinical-tag .remove.material-icons[data-v-1c613d50] {
  font-size: 13px;
}
.clinical-tag .remove[data-v-1c613d50]:hover {
  color: #037bc1;
  cursor: pointer;
}
.clinical-tag.is-other-team-tag[data-v-1c613d50] {
  background: #fff;
  border: 1px solid #dddede;
}
.clinical-tag .tag-meta[data-v-1c613d50] {
  display: flex;
  color: #757575;
  font-size: 0.9em;
}
.clinical-tag .tag-remove-trigger[data-v-1c613d50] {
  display: flex;
}
.clinical-tag .tag-remove-trigger .btn--plain[data-v-1c613d50] {
  height: 13px;
}
.clinical-tag .tag-remove-trigger .btn--plain.drop-enabled .material-icons[data-v-1c613d50] {
  color: #037bc1;
}
.clinical-tag .material-icons[data-v-1c613d50] {
  color: #757575;
  font-size: 13px;
}
.clinical-tag[data-v-1c613d50]:hover {
  cursor: pointer;
}
.clinical-tag .tag-added-date[data-v-1c613d50] {
  display: flex;
  font-size: 0.9em;
  padding: 0 0.3em;
}
.removal-reason-input .ui-textbox[data-v-1c613d50] {
  margin-bottom: 1em;
  margin-top: 2em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-7356dbac] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.patient-summary-widget .view-block__title[data-v-7356dbac] {
  display: flex;
  flex-flow: row nowrap;
}
.patient-summary-widget .title-actions[data-v-7356dbac] {
  display: flex;
  align-self: flex-end;
  margin-left: auto;
}
.patient-summary-widget .action-spacer[data-v-7356dbac] {
  margin: 0 0.3em;
}
.widget-tags[data-v-7356dbac] {
  display: flex;
  flex-wrap: wrap;
}
.widget-tags .btn--plain[data-v-7356dbac] {
  margin-bottom: 0;
  display: inherit;
}
.widget-tags .sub-label[data-v-7356dbac] {
  flex-basis: 100%;
  font-size: 0.8em;
  margin: 0.5em 0;
  text-transform: uppercase;
  color: #757575;
}
/*TEMPLATE LITERAL CLASSES DON'T SEEMED TO LIKE SCOPED CSS :(*/
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.meds-widget-line-item .med-name {
  font-weight: 600;
}
.meds-widget-line-item .cd-label {
  border: 2px solid #b63e97;
  padding: 0 0.1em;
  line-height: 0.8em;
  font-size: 0.8em;
  font-weight: 600;
  background: #fff;
}
.meds-widget-line-item .print-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
  text-transform: uppercase;
}
.meds-widget-line-item .dose-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-widget-line-item .dosage-label {
  font-weight: 600;
}
.meds-widget-line-item .route-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-widget-line-item .prompt-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-widget-line-item.non-active.is-ceased {
  color: #757575;
}
.meds-widget-line-item.non-active.is-ceased .med-name,
.meds-widget-line-item.non-active.is-ceased .print-label,
.meds-widget-line-item.non-active.is-ceased .dose-label,
.meds-widget-line-item.non-active.is-ceased .dosage-label,
.meds-widget-line-item.non-active.is-ceased .route-label {
  font-weight: 500;
  color: #757575;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item[data-v-ebe384c4] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0.5em 0em 0.5em 0em;
  flex-wrap: wrap;
  flex: 1;
  white-space: pre-line;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
  align-items: center;
  justify-content: flex-start;
}
.item.is-either-or-flagged[data-v-ebe384c4] {
  padding: 0.9em 0.4em;
  margin: 0;
  position: relative;
  box-sizing: border-box;
}
.item__line-1[data-v-ebe384c4] {
  display: inline-flex;
  margin: 0;
  max-width: 65%;
}
.item__line-2[data-v-ebe384c4] {
  display: inline-flex;
  white-space: normal;
  align-items: flex-start;
  margin-left: auto;
}
.item__line-2.urgent-text .status-label[data-v-ebe384c4] {
  color: #ff5252;
}
.item__line-2 .status-label[data-v-ebe384c4] {
  margin: 0 0 0 0.3em;
  font-size: 0.9em;
}
.multi-regimen-line[data-v-ebe384c4] {
  width: 100%;
  margin: 0 0 0.1em 0;
}
.either-or-icon[data-v-ebe384c4] {
  position: absolute;
  border: 2px solid #ffcc00;
  color: #ffcc00;
  top: -0.8em;
  left: 0;
  padding: 0.2em 0.2em;
  line-height: 0.8em;
  font-size: 0.8em;
  font-weight: 600;
  background: #fff;
}
.is-either-or[data-v-ebe384c4] {
  width: 2px;
  position: absolute;
  left: -3px;
  top: 0;
  height: 100%;
  background: #ffcc00;
  display: flex;
}
.is-either-or--first[data-v-ebe384c4] {
  width: 2px;
  position: absolute;
  left: -3px;
  top: 0;
  height: 100%;
  background: #ffcc00;
  display: flex;
  height: 50%;
  bottom: 0;
  top: 50%;
}
.is-either-or--last[data-v-ebe384c4] {
  width: 2px;
  position: absolute;
  left: -3px;
  height: 100%;
  background: #ffcc00;
  display: flex;
  height: 50%;
  top: 0;
}
/*TEMPLATE LITERAL CLASSES DON'T SEEMED TO LIKE SCOPED CSS :(*/
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.meds-widget-line-item .med-name {
  font-weight: 600;
}
.meds-widget-line-item .print-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
  text-transform: uppercase;
}
.meds-widget-line-item .dose-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-widget-line-item .dosage-label {
  font-weight: 600;
}
.meds-widget-line-item .route-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-widget-line-item .prompt-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-widget-line-item .urgent-text {
  color: #ff5252;
}
.meds-widget-line-item .authorised-text {
  color: #46a728;
}
.meds-widget-line-item .re-authorised-text {
  color: #46a728;
}
.meds-widget-line-item .status-label {
  margin: 0 0 0 0.3em;
  font-size: 0.9em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item[data-v-43360e9d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0.5em 0;
  flex-wrap: wrap;
  flex: 1;
  white-space: pre-line;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
  align-items: center;
  justify-content: flex-start;
}
.item__line-1[data-v-43360e9d] {
  display: inline-flex;
  margin: 0;
  max-width: 65%;
}
.item__line-2[data-v-43360e9d] {
  display: inline-flex;
  white-space: normal;
  align-items: flex-start;
  margin-left: auto;
  max-width: 35%;
}
.item__line-2.urgent-text .status-label[data-v-43360e9d] {
  color: #ff5252;
}
.item__line-2.authorised-text .status-label[data-v-43360e9d] {
  color: #46a728;
}
.item__line-2.re-authorised-text .status-label[data-v-43360e9d] {
  color: #46a728;
}
.item__line-2 .status-label[data-v-43360e9d] {
  margin: 0 0 0 0.3em;
  font-size: 0.9em;
}
.multi-regimen-line[data-v-43360e9d] {
  width: 100%;
  margin: 0 0 0.1em 0;
}
.patient-summary-widget .ui-collapsible .ui-collapsible__body-wrapper {
  height: auto !important;
  overflow: visible;
}
.patient-summary-widget .ui-collapsible .ui-collapsible__header {
  min-height: 0rem;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
}
.patient-summary-widget .ui-collapsible .ui-collapsible__body {
  padding: 0.5em;
  box-sizing: border-box;
}
.list-filter-wrapper .ui-select {
  box-sizing: border-box;
}
.list-filter-wrapper .ui-select .ui-select__dropdown {
  min-width: 0rem;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-1aec6f50] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.list-filter-wrapper[data-v-1aec6f50] {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  margin: 0 0 1em 0;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
.list-filter-wrapper .ui-select[data-v-1aec6f50] {
  min-width: 50%;
  margin-bottom: 0;
  flex-grow: 1;
}
.list-filter-wrapper .filters-clear[data-v-1aec6f50] {
  color: #3572b0;
  margin: 0 0 0 1em;
}
.list-filter-wrapper .filters-clear[data-v-1aec6f50]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-7f3a37a3] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-7f3a37a3] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-7f3a37a3] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-7f3a37a3] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #3572b0;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-7f3a37a3]:hover {
  cursor: pointer;
}
.item-row .row__author[data-v-7f3a37a3] {
  color: #212121;
  display: flex;
  font-weight: 400;
  margin: 0 0.7em 0 0;
}
.item-row .row__date[data-v-7f3a37a3] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item-value-wrapper .is-struck-through-wrapper {
  display: flex;
}
.item-value-wrapper .is-struck-through-wrapper .material-icons {
  color: #3572b0;
}
.item-value-wrapper .is-struck-through-wrapper .material-icons:hover {
  cursor: pointer;
}
.item-value-wrapper .is-struck-through {
  text-decoration: line-through;
  display: flex;
  align-items: center;
}
.item-value-wrapper .is-struck-through svg {
  text-decoration: line-through;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-vitals-line-item[data-v-30cae78e] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
}
.patient-vitals-line-item.has-overflow[data-v-30cae78e] {
  flex-direction: column;
  align-items: flex-start;
}
.patient-vitals-line-item.has-overflow .item-value-wrapper[data-v-30cae78e]:hover {
  background: rgba(3, 123, 193, 0.12);
}
.patient-vitals-line-item.ews-line[data-v-30cae78e] {
  color: #757575;
  font-weight: 400;
  border-bottom: 1px solid #dddede;
}
.patient-vitals-line-item.ews-line .item-label[data-v-30cae78e] {
  color: #212121;
  font-weight: 500;
  white-space: pre-line;
  word-break: break-word;
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  box-sizing: border-box;
  padding: 0 0.2em 0 0;
  font-size: 0.9em;
}
.item-label[data-v-30cae78e] {
  color: #757575;
  word-break: break-word;
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  box-sizing: border-box;
  padding: 0 0.2em 0 0;
  font-size: 0.9em;
}
.item-value[data-v-30cae78e] {
  font-weight: 500;
  display: flex;
  width: 33%;
  min-width: 65px;
  border-left: 1px solid #dddede;
  padding: 0.5em 0.2em;
  box-sizing: border-box;
  flex-grow: 1;
  align-items: center;
  word-break: break-word;
}
.item-value div[data-v-30cae78e] {
  display: flex;
}
.item-interpretation[data-v-30cae78e] {
  margin: 0 0 0 1em;
  display: flex;
  padding: 0.1em 0.2em;
  border: 1px solid #dddede;
}
.item-interpretation.no-border[data-v-30cae78e] {
  border: none;
}
.item-value-wrapper[data-v-30cae78e] {
  width: 100%;
  display: inline-flex;
  flex-flow: row;
}
.is-struck-through[data-v-30cae78e] {
  text-decoration: line-through;
}
.is-struck-through svg[data-v-30cae78e] {
  text-decoration: line-through;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.custom-popover-height-weight .row {
  display: flex;
  flex-direction: row;
}
.custom-popover-height-weight .row-date {
  display: flex;
  flex-direction: row;
  color: #757575;
  margin: 0.25em 0 0.5em 0;
}
.custom-popover-height-weight .item-label {
  color: #757575;
  word-break: break-all;
  max-width: 65%;
}
.custom-popover-height-weight .item-value {
  font-weight: 500;
  margin: 0 0.2em 0 0.2em;
}
.obs-data-height-weight .patient-vitals-line-item {
  display: flex;
  flex-direction: row;
  margin: 0 1em 0 0;
  align-items: center;
}
.obs-data-height-weight .patient-vitals-line-item div {
  display: flex;
}
.obs-data-height-weight .patient-vitals-line-item:last-of-type {
  margin-right: 0;
}
.obs-data-height-weight .item-wrap {
  display: flex;
  flex-flow: row;
}
.obs-data-height-weight .item-wrap:hover {
  cursor: default;
}
.obs-data-height-weight .item-label {
  color: #757575;
  word-break: break-all;
  max-width: 65%;
}
.obs-data-height-weight .item-value {
  font-weight: 500;
  margin: 0 0.2em 0 0.2em;
}
.obs-data-height-weight .items-right {
  align-items: center;
  margin-left: auto;
  display: flex;
  flex-flow: row;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget.vitals[data-v-e044d93a] {
  box-sizing: border-box;
  margin: 0 0 0.8em 0;
  padding: 0 0 0.8em;
  border-bottom: 1px solid #dddede;
}
.patient-vitals-items-wrapper[data-v-e044d93a] {
  display: flex;
  flex-flow: row;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.tpr-chart-controls {
  display: flex;
  font-weight: 500;
  justify-content: center;
}
.tpr-chart-controls .chart-prev {
  color: #3572b0;
  margin: 0 1em 0 0;
}
.tpr-chart-controls .chart-prev:hover {
  cursor: pointer;
}
.tpr-chart-controls .chart-next {
  color: #3572b0;
}
.tpr-chart-controls .chart-next:hover {
  cursor: pointer;
}
.tpr-chart-controls .chart-page-count {
  margin: 0 0 0 2em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-59d6a712] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.patient-vitals-items-wrapper[data-v-59d6a712] {
  display: flex;
  flex-direction: column;
}
.patient-vitals-items-header[data-v-59d6a712] {
  border-bottom: 1px solid #dddede;
  padding: 0 0 0.8em 0;
  display: flex;
  margin: 0 0 0.8em 0;
  align-items: center;
}
.header-label[data-v-59d6a712] {
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
}
.header-model[data-v-59d6a712] {
  display: flex;
  margin: 0.5em 0 0 0;
}
.header-model .label[data-v-59d6a712] {
  margin: 0 0.5em 0 0;
}
.intro-text[data-v-59d6a712] {
  margin: 0 0 1em 0;
  color: #757575;
  font-size: 0.9em;
}
.header-date[data-v-59d6a712] {
  display: flex;
  color: #757575;
}
.ews-svg-wrapper[data-v-59d6a712] {
  display: flex;
  margin-left: auto;
}
.obs-sets-wrapper[data-v-59d6a712] {
  display: flex;
  flex-flow: column;
}
.previous-ews-lines[data-v-59d6a712] {
  display: flex;
  flex-flow: column;
}
.previous-ews-lines .line-item[data-v-59d6a712] {
  display: flex;
  flex-flow: row;
  align-items: center;
  border-bottom: 1px solid #dddede;
  padding: 0 0 0.8em 0;
  margin: 0 0 0.8em 0;
}
.previous-ews-lines .line-item[data-v-59d6a712]:first-of-type {
  border-top: 1px solid #dddede;
  padding: 0.8em 0 0.8em 0;
}
.chart-select-row[data-v-59d6a712] {
  display: flex;
  margin: 1em 0 0 0;
  flex-flow: row;
  align-items: center;
}
.chart-select-row .ui-select[data-v-59d6a712] {
  margin-bottom: 0;
  flex-grow: 1;
}
.chart-select-row label[data-v-59d6a712] {
  margin: 0 0.5em 0 0;
  position: relative;
  top: -1px;
}
.chart-error-wrapper[data-v-59d6a712] {
  margin: 0.5em 0 0 0;
  color: #ff5252;
}
.patient-discharge-plan-control .ui-calendar-week__date {
  width: 2.4rem;
}
.patient-discharge-plan-control .ui-calendar-month__week.is-other {
  left: 17.75rem;
}
.patient-discharge-plan-control .ddl-reasons {
  margin-left: 2.55em;
}
.patient-discharge-plan-control .ui-calendar-month__week {
  width: 16.75rem;
}
.patient-discharge-plan-control .ui-autocomplete {
  margin: 0;
  flex: 1 100%;
  margin-left: 2.55em;
  box-sizing: border-box;
}
.patient-discharge-plan-control .ui-autocomplete__suggestions {
  max-height: 250px;
  overflow: auto;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-discharge-plan-control[data-v-4b1430e2] {
  min-height: 530px;
}
.item-row[data-v-4b1430e2] {
  margin: 0 0 1.8em 0;
  max-width: 65%;
  min-height: 45px;
  flex-flow: column;
}
.item-row .ui-datepicker[data-v-4b1430e2] {
  flex: 1;
  margin-bottom: 0;
}
.item-row .ui-select[data-v-4b1430e2] {
  flex: 1;
}
.item-row .item-row__error[data-v-4b1430e2] {
  color: #ff5252;
  margin-left: 2.55em;
  margin-top: 0.5em;
  box-sizing: border-box;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-b70fea38] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-b70fea38] {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  justify-content: flex-start;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-b70fea38] {
  display: flex;
  flex-wrap: wrap;
}
.row__title[data-v-b70fea38] {
  color: #757575;
  margin: 0 0.5em 0 0;
}
.edd-label-wrapper[data-v-b70fea38] {
  margin: 0 0.8em 0 0;
}
.edit-edd-btn[data-v-b70fea38] {
  display: flex;
  align-items: center;
  margin: 0;
  color: #3572b0;
  font-weight: 500;
}
.edit-edd-btn[data-v-b70fea38]:hover {
  cursor: pointer;
}
.edit-edd-btn i[data-v-b70fea38] {
  font-size: 14px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item[data-v-5515c958] {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  justify-content: flex-start;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item div[data-v-5515c958] {
  display: flex;
}
.item-acronym[data-v-5515c958] {
  color: #757575;
  margin: 0 0.5em 0 0;
  min-width: 27px;
  font-weight: 500;
}
.item-acronym[data-v-5515c958]:empty {
  display: none;
  width: 0px;
}
.item-start[data-v-5515c958] {
  margin: 0 1em 0 0;
  min-width: 77px;
  font-weight: 500;
}
.item-category[data-v-5515c958] {
  font-weight: 500;
}
.item-duration[data-v-5515c958] {
  margin: 0 0 0 0.8em;
}
.custom-popover[data-v-5515c958] {
  max-width: 400px;
}
.custom-popover div[data-v-5515c958] {
  margin: 0 0 0.4em 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.u-data-table--default.episodes-list[data-v-0eea3a5d] {
  margin-bottom: 10em;
}
.episodes-list[data-v-0eea3a5d] {
  width: 100%;
}
.u-data-table--default[data-v-0eea3a5d] {
  margin-bottom: 0;
  margin-left: 0;
}
.item-acronym[data-v-0eea3a5d] {
  color: #757575;
  margin: 0 0.5em 0 0;
  min-width: 27px;
  font-weight: 500;
  display: inline-block;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-622d51b0] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.episodes-see-all[data-v-622d51b0] {
  margin: 1em 0 1em 0;
  display: flex;
  justify-content: flex-end;
  padding: 0 1em 0 0;
  box-sizing: border-box;
  margin-top: auto;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-3c5b9940] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-3c5b9940] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-3c5b9940] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.item-row .abnormal[data-v-3c5b9940] {
  color: #ff5252;
}
.row__date[data-v-3c5b9940] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.row__title[data-v-3c5b9940] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
  align-items: center;
  flex-wrap: wrap;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-653eb0da] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-653eb0da] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-653eb0da] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-653eb0da] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #3572b0;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0 0.2em 0;
  box-sizing: border-box;
  flex: 1 100%;
}
.item-row .row__title[data-v-653eb0da]:hover {
  cursor: pointer;
}
.item-row .row__title.is-not-url[data-v-653eb0da] {
  color: #212121;
}
.item-row .row__title.is-not-url[data-v-653eb0da]:hover {
  cursor: default;
}
.item-row .row__author[data-v-653eb0da] {
  color: #212121;
  display: flex;
  font-weight: 400;
  margin: 0 0.7em 0 0;
}
.item-row .row__date[data-v-653eb0da] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.item-row .row__meta[data-v-653eb0da] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.item-row .row__meta .label[data-v-653eb0da] {
  margin: 0 0.3em 0 0;
}
.item-row .row__meta.last[data-v-653eb0da] {
  margin-left: 1em;
}
.spacer[data-v-653eb0da] {
  margin: 0 0.3em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-45ee6391] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-45ee6391] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
.item-row[data-v-45ee6391] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.item-row .abnormal[data-v-45ee6391] {
  color: #ff5252;
}
.row__date[data-v-45ee6391] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.row__meta[data-v-45ee6391] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin-right: 1em;
}
.row__meta.last[data-v-45ee6391] {
  margin-right: 1em;
}
.row__meta.last[data-v-45ee6391]:last-of-type {
  margin-right: 0;
}
.row__meta .label[data-v-45ee6391] {
  margin: 0 0.3em 0 0;
}
.row__title[data-v-45ee6391] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #3572b0;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0 0.2em 0;
  box-sizing: border-box;
  flex: 1 100%;
}
.row__title[data-v-45ee6391]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
iframe[data-v-79c4dd70] {
  border: none;
}
.iframe-container[data-v-79c4dd70] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
}
.iframe-container iframe[data-v-79c4dd70] {
  border: none;
}
.strip-loader[data-v-79c4dd70] {
  min-height: 3.25px;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
  margin-bottom: 0.5em;
}
.error-wrapper[data-v-79c4dd70] {
  padding: 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-601497fa] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.patient-vitals-items-wrapper[data-v-601497fa] {
  display: flex;
  flex-direction: column;
}
.patient-vitals-items-header[data-v-601497fa] {
  border-bottom: 1px solid #dddede;
  padding: 0 0 0.8em 0;
  display: flex;
  margin: 0 0 0.8em 0;
  align-items: center;
}
.header-label[data-v-601497fa] {
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
}
.header-model[data-v-601497fa] {
  display: flex;
  margin: 0.5em 0 0 0;
}
.header-model .label[data-v-601497fa] {
  margin: 0 0.5em 0 0;
}
.intro-text[data-v-601497fa] {
  margin: 0 0 1em 0;
  color: #757575;
  font-size: 0.9em;
}
.patientSummary__col1[data-v-2ccfa2ab],
.patientSummary__col2[data-v-2ccfa2ab],
.patientSummary__col3[data-v-2ccfa2ab] {
  padding-bottom: 18em;
  display: flex;
  flex-flow: column;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.view-wrapper[data-v-d98cc43a] {
  padding: 0 0 0 0.8em;
  box-sizing: border-box;
  margin: 0 0 3em 0;
}
.picture-feed-wrapper .card .ui-modal__body {
  position: relative;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.card[data-v-b3d39fa8] {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  min-width: 285px;
  max-width: 285px;
  position: relative;
  margin: 0 1em 2em 0;
}
.card.is-struck-through .item-title[data-v-b3d39fa8],
.card.is-struck-through .meta-title[data-v-b3d39fa8],
.card.is-struck-through .item-update-body[data-v-b3d39fa8],
.card.is-struck-through .footer-location[data-v-b3d39fa8] {
  text-decoration: line-through;
}
.card .is-struck-through-meta[data-v-b3d39fa8] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.image-wrapper[data-v-b3d39fa8] {
  display: flex;
  margin: 0 auto;
  max-width: 100%;
  align-self: flex-start;
  position: relative;
}
.image[data-v-b3d39fa8] {
  width: 100%;
  display: flex;
  align-self: flex-start;
}
.image[data-v-b3d39fa8]:hover {
  cursor: pointer;
}
.patient-tagged-blurred-wrapper[data-v-b3d39fa8] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.patient-tagged-blurred-wrapper .actions[data-v-b3d39fa8] {
  width: 100%;
  color: #fff;
  font-size: 1.1em;
  text-align: center;
  display: flex;
  flex-flow: column;
  line-height: 2.5em;
  height: 100%;
  justify-content: center;
}
.patient-tagged-blurred-wrapper .actions .img-actions-btn[data-v-b3d39fa8] {
  display: flex;
  align-self: center;
  background: none;
  font-size: 0.9em;
  border: 2px solid;
  line-height: 2em;
  padding: 0 0.5em;
  border-radius: 20px;
}
.patient-tagged-blurred-wrapper[data-v-b3d39fa8]:hover {
  cursor: pointer;
}
.full-image-wrapper[data-v-b3d39fa8] {
  position: relative;
  z-index: 9;
}
.full-image-wrapper .modal-image-file--hi-res[data-v-b3d39fa8] {
  transform-origin: 0 0;
  display: block;
}
.full-image-wrapper .modal-image-file--hi-res[data-v-b3d39fa8]:hover {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.full-image-header[data-v-b3d39fa8] {
  color: rgba(0, 0, 0, 0.38);
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-left: auto;
  flex-grow: 1;
  padding: 0 0.5rem 0 0;
}
.full-image-header .header-title[data-v-b3d39fa8] {
  margin-right: auto;
  font-size: 1.125rem;
  color: #212121;
  font-weight: 400;
}
.full-image-header .zoom-controls[data-v-b3d39fa8] {
  min-width: 135px;
  display: flex;
  justify-content: space-around;
  margin: 0 3em 0 auto;
  align-items: center;
}
.full-image-header .zoom-controls i[data-v-b3d39fa8] {
  font-size: 30px;
}
.full-image-header .zoom-controls i[data-v-b3d39fa8]:hover {
  color: #3572b0;
}
.full-image-header .zoom-controls .scale-control[data-v-b3d39fa8]:hover {
  cursor: pointer;
}
.full-image-header .full-image-close[data-v-b3d39fa8] {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.full-image-header .full-image-close[data-v-b3d39fa8]:hover {
  cursor: pointer;
}
i.image-close[data-v-b3d39fa8] {
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.38);
}
i.image-close[data-v-b3d39fa8]:hover {
  cursor: pointer;
}
.image-footer[data-v-b3d39fa8] {
  display: flex;
  align-self: flex-start;
  justify-self: flex-end;
  padding: 0.5em;
  flex-flow: column;
  width: 100%;
  box-sizing: border-box;
}
.image-footer .footer-comments-wrapper[data-v-b3d39fa8] {
  margin: 0;
}
.image-footer .footer-comments-count[data-v-b3d39fa8] {
  font-weight: 500;
  margin: 0 0 0.2em 0;
}
.image-footer .footer-comment-author[data-v-b3d39fa8] {
  font-size: 0.9em;
  color: #757575;
}
.image-footer .footer-location[data-v-b3d39fa8] {
  font-size: 0.9em;
  color: #757575;
  margin: 0.5em 0 0 0;
}
.image-meta[data-v-b3d39fa8] {
  width: 100%;
  padding: 0.5em;
  box-sizing: border-box;
  display: flex;
  align-self: flex-start;
}
.image-meta .item-author[data-v-b3d39fa8] {
  font-size: 0.9em;
  color: #757575;
}
.meta-title[data-v-b3d39fa8] {
  font-size: 1em;
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.comment-block[data-v-b3d39fa8] {
  background: #f0f5fa;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
.comment-body[data-v-b3d39fa8] {
  display: flex;
  justify-content: space-between;
}
.comment-body .comment-text[data-v-b3d39fa8] {
  white-space: pre-line;
  line-height: 1.5em;
}
.comment-body .comment-text.is-struck-through[data-v-b3d39fa8] {
  text-decoration: line-through;
}
.comment-body .meta-author-wrapper[data-v-b3d39fa8] {
  padding: 0 0 0 0;
}
.meta-author-wrapper[data-v-b3d39fa8] {
  padding: 0 0 0 0;
  margin: 1em 0 0 0;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  color: #757575;
  font-size: 0.9em;
}
.meta-comment-wrapper[data-v-b3d39fa8] {
  padding: 0 0 0 0;
  box-sizing: border-box;
}
.author-location[data-v-b3d39fa8] {
  margin: 0.8em 0 0.8em 0;
}
.new-comment-wrapper .feedBody__itemReply[data-v-b3d39fa8] {
  margin-top: 0;
}
.new-comment-wrapper .ui-textbox[data-v-b3d39fa8] {
  margin-top: 1em;
}
.card-modal-wrapper[data-v-b3d39fa8] {
  display: flex;
}
.card-modal-wrapper.is-ie .col-1[data-v-b3d39fa8] {
  display: inline-block;
}
.card-modal-wrapper .col-1[data-v-b3d39fa8] {
  display: flex;
  flex-flow: column;
  width: 52%;
}
.card-modal-wrapper .col-1 .modal-image-file[data-v-b3d39fa8] {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-self: flex-start;
}
.card-modal-wrapper .col-1 .modal-image-file[data-v-b3d39fa8]:hover {
  cursor: pointer;
}
.card-modal-wrapper .col-1 .modal-image-file.is-busy[data-v-b3d39fa8] {
  opacity: 0.5;
}
.card-modal-wrapper .col-1 .image-footer[data-v-b3d39fa8] {
  display: flex;
  align-self: flex-start;
  justify-self: flex-end;
  padding: 0;
  margin: 0.8em 0 0 0;
  flex-flow: column;
  width: 100%;
  box-sizing: border-box;
  flex-flow: row;
  justify-content: space-between;
}
.card-modal-wrapper .col-1 .image-footer span[data-v-b3d39fa8] {
  font-weight: 500;
  display: flex;
  align-items: center;
}
.card-modal-wrapper .col-1 .image-footer span[data-v-b3d39fa8]:hover {
  color: #3572b0;
  cursor: pointer;
}
.card-modal-wrapper .col-2[data-v-b3d39fa8] {
  display: flex;
  width: 48%;
  flex-flow: column;
  padding: 0 0 0 1em;
  box-sizing: border-box;
}
.card-modal-wrapper .col-2 .item-title[data-v-b3d39fa8] {
  font-weight: 500;
  font-size: 1em;
  margin: 0 0 0.8em 0;
}
.card-modal-wrapper .col-2 .author-wrapper[data-v-b3d39fa8] {
  border-bottom: 1px solid #dddede;
  padding: 0 0 0.5em 0;
  margin: 0 0 0.5em 0;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  color: #757575;
  font-size: 0.9em;
}
.card-modal-wrapper .col-2 .author-wrapper .author-location[data-v-b3d39fa8] {
  margin-left: auto;
}
.card-modal-wrapper .col-2 .item-author[data-v-b3d39fa8] {
  white-space: pre-line;
  width: 85%;
}
.card-modal-wrapper .col-2 .item-is-read[data-v-b3d39fa8] {
  color: #757575;
  display: flex;
  justify-content: center;
  margin-left: auto;
  flex-flow: column;
  align-items: center;
}
.card-modal-wrapper .col-2 .item-is-read .material-icons[data-v-b3d39fa8] {
  font-size: 19px;
  opacity: 0.3;
}
.card-modal-wrapper .col-2 .item-update-body[data-v-b3d39fa8] {
  margin: 0 0 1.8em 0;
  white-space: pre-line;
  line-height: 1.5em;
  word-break: break-word;
}
.card-modal-wrapper .col-2 .comments-actions[data-v-b3d39fa8] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.card-modal-wrapper .col-2 .comment-author[data-v-b3d39fa8] {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0.8em 0 0 0;
  justify-content: flex-start;
  color: #757575;
  font-size: 0.9em;
}
.card-modal-wrapper .col-2 .load-comments-btn[data-v-b3d39fa8] {
  margin: 0 0 0 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.blur-toggle-wrapper {
  height: 30px;
  background: none;
  padding: 0 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  width: auto;
}
.is-loading-feed-wrapper {
  display: flex;
  align-items: center;
  padding: 0 0 1em 0;
  justify-items: center;
  align-content: center;
  width: 100%;
}
.pictures-feed-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 0.8em;
  margin: 0.5em 0 0 0;
  box-sizing: border-box;
}
.cards-filter-wrapper {
  display: flex;
  margin: 0 0.8em 1em 0.8em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
}
.cards-filter-wrapper .ui-select {
  margin-bottom: 0;
  min-width: 175px;
}
.results-end-wrapper {
  display: flex;
  padding: 1em;
  margin: 0 0 4em 0;
  box-sizing: border-box;
  justify-content: center;
}
.results-end-wrapper.no-results {
  justify-content: flex-start;
  padding-top: 0;
  margin: 0;
}
.clear-filter-btn {
  margin: 0 0 0 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item-row[data-v-0919708a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-0919708a] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-0919708a]:hover {
  cursor: pointer;
}
.item-row .row__date[data-v-0919708a] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.popover-row[data-v-0919708a] {
  margin: 0 0 0.5em 0;
  display: flex;
  flex-flow: row;
}
.popover-row[data-v-0919708a]:last-of-type {
  margin-bottom: 0;
}
.popover-row .title[data-v-0919708a] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0 0.5em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-17055660] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-17055660] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item-row[data-v-28deea27] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-28deea27] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-28deea27]:hover {
  cursor: pointer;
}
.item-row .row__date[data-v-28deea27] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.popover-row[data-v-28deea27] {
  display: flex;
  flex-flow: row;
}
.popover-row[data-v-28deea27]:last-of-type {
  margin-bottom: 0;
}
.popover-row .title[data-v-28deea27] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0 0.5em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-726e693e] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-726e693e] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
/*App branding LESS variables*/

/*Fonts*/
@font-stack: 'Roboto', Arial, Helvetica, sans-serif;
@font-size-root: 13px;
@line-height: 1.2em;
/*Brand*/
@brand-primary-colour: rgba(3, 123, 193, 1);
@brand-secondary-colour: rgba(3, 123, 193, 0.87);
/*Colours*/
@careflow--blue: @brand-primary-colour;
/*@careflow--blue: #0089c6;*/
@careflow--blue--light: #d5f4ff;
@careflow--purple: #b63e97;
@careflow--orange: #ef5411;
@careflow--orange-light: #ff9900;
@urgent-colour: #ff5252;
/*From material spec error*/
@urgent-colour--light: #fbd2e2;
@warning-colour: #ffcc00;
/*Orange-light*/
@action-success: #46a728;
@success-colour: @action-success;

@input-txtColour: @body-colour;
@input-txtColour--light: #9e9e9e;
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
@input-borderColour: #dddede;
@input-border-radius: 5px;
@standard-border-radius: 5px;
@small-border-radius: 2px;
@body-colour: #212121;
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
@text-light: #757575;
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
@body-54-shade: rgba(0, 0, 0, 0.54);
/*Equivalent-to-#757575*/
@main-navigation-bg: #4a4a4a;
@dropdown-menu-bg: #f2f2f2;

@grey: #757575;
@block-header--1: #8f99ab;
@shade-grey: #eef0f0;
/*Borders*/
@border--1: #cdcdcd;
@header-colour: rgba(0, 0, 0, 0.54);
@row--border: @view-block-border;
@row--odd-bg: #f2fbff;
@th--bg: rgba(0, 0, 0, 0.05);
/*States - tables / blocks*/
@link--active: #3572b0;
@link-href: @link--active;
@list-item--hover: @view-block-bg--active;
@list-item--active: @view-block-bg--active;
@form-error-color: @urgent-colour;
/*View Blocks*/
@view-block-bg: rgba(0, 0, 0, 0.05);
@view-block-bg--active: rgba(3, 123, 193, 0.12);
@view-block-border: #dddede;
@view-block-border--blue: #ebf2f9;
@view-block-color: @body-colour;
/*Buttons*/
@button-primary-bg: @brand-primary-colour;
@button-plain-colour: @link--active;
@button-standard-font-size: 1.077em;
/*http://pxtoem.com/*/
@button-inactive-bg: #c5c5c5;
@button-inactive-colour: rgba(255, 255, 255, 0.008);

/*Tags*/
@tag-bg: #fff;
@tag-bg--same-team: @careflow--blue--light;
@tag-border: #999999;
@tag-border--other-team: #dddede;
@tag-date-time-colour: #666;
/*Badges*/
@badge--blue: #6284ad;
@badge--red: #f27179;
/*Referrals - set by ID*/
@referral-color-1: #ff6600;
@referral-color-2: #7ecc41;
@referral-color-3: #555555;
@referral-color-4: #9c0015;
@external-network-referral-banner-bg: #b8c9ff;
/*Feed Comments*/
@feed-comment-block-bg: #f0f5fa;
/*Patient Banner*/
@patient-banner-actions-colour: #999999;
@patient-banner-bg: rgba(0, 0, 0, 0.05);
@patient-banner-bg--deceased: #000;
@patient-banner-bg--blue: @careflow--blue;
@patient-banner-footer--bg: #f2f2f2;
/*Font Weights*/
@font--light: 300;
@font--normal: 400;
@font--medium: 500;
@font--heavy: 600;
@font--bold: 700;
@font--ultra-bold: 900;
/*Page Layouts*/
@bg--dark: rgba(0, 0, 0, 0.05);
@bg--light: #fff;
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
@main-nav--bg: @brand-primary-colour;
/*Team / patient view navigation*/
@patient-nav-bg: #e5e5e5;
@generic-nav-bg: @team-nav-bg;
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
@team-nav-bg: #f5f5f5;
@team-nav-bg-hover: #dedede;
@team-nav-bg-active: #dedede;
@generic-nav-bg--active: @brand-primary-colour;
/*UI Popouts (e.g on team nav)*/
@info--bg: #4a4a4a;

/*Titles*/
@title-main: {
  text-transform: none;
  font-size: 1.5em;
  margin: 0;
  font-weight: 500;
  border: none;
  padding: 0;
  padding: 0 0 1em 0;
}


/*Text wraps*/
@text-wrap-container: {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

;

/*Global sidebar*/
@global-sidebar-bg-color: #555555;
@global-sidebar-bg-focus: #808080;


















































































































/*Template literals don't like scoped css - wrap in parent*/
.repeat-meds-widget {
.item-label {
		color: @text-light;
}
}

/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-515d4e88] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-515d4e88] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
  line-height: 1.4em;
}
.item-label[data-v-515d4e88] {
  color: #757575;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item-row[data-v-4047b6e0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-4047b6e0] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-4047b6e0]:hover {
  cursor: pointer;
}
.item-row .row__date[data-v-4047b6e0] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.popover-row[data-v-4047b6e0] {
  margin: 0 0 0.5em 0;
  display: flex;
  flex-flow: row;
}
.popover-row[data-v-4047b6e0]:last-of-type {
  margin-bottom: 0;
}
.popover-row.last[data-v-4047b6e0] {
  margin-bottom: 0;
}
.popover-row .title[data-v-4047b6e0] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0 0.5em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-55691526] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-55691526] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
  line-height: 1.4em;
}
.item-label[data-v-55691526] {
  color: #757575;
}










































































































































































































/*Template literals don't like scoped css - wrap in parent*/
.gp-encounters-widget {
.item-label {
		color: @text-light;
}
}

/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-05cbea2a] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-05cbea2a] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
  line-height: 1.4em;
}
.item-label[data-v-05cbea2a] {
  color: #757575;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item-row[data-v-c320fb46] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-row .row__title[data-v-c320fb46] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-weight: 500;
  display: flex;
  flex-grow: inherit;
  padding: 0;
  margin: 0 0.7em 0 0;
  box-sizing: border-box;
}
.item-row .row__title[data-v-c320fb46]:hover {
  cursor: pointer;
}
.item-row .row__date[data-v-c320fb46] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0;
}
.popover-row[data-v-c320fb46] {
  margin: 0 0 0.5em 0;
  display: flex;
  flex-flow: row;
}
.popover-row[data-v-c320fb46]:last-of-type {
  margin-bottom: 0;
}
.popover-row .title[data-v-c320fb46] {
  color: #757575;
  display: flex;
  font-weight: 400;
  margin: 0 0.5em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-summary-widget[data-v-55c90151] {
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  padding: 0 1em;
}
.item[data-v-55c90151] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0.6em 0;
  flex-wrap: wrap;
  flex: 1;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.cols-wrapper[data-v-6b34eaa5] {
  display: flex;
}
.col-1[data-v-6b34eaa5] {
  box-sizing: border-box;
  flex-basis: 33.3%;
}
.col-2[data-v-6b34eaa5] {
  box-sizing: border-box;
  flex-basis: 33.3%;
}
.col-3[data-v-6b34eaa5] {
  box-sizing: border-box;
  flex-basis: 33.3%;
}
/*TEMPLATE LITERAL CLASSES DON'T SEEMED TO LIKE SCOPED CSS :(*/
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.meds-full-line-item .med-name {
  font-weight: 600;
}
.meds-full-line-item .label {
  color: #757575;
}
.meds-full-line-item .label.danger {
  color: #ff5252;
}
.meds-full-line-item .danger {
  color: #ff5252;
}
.meds-full-line-item .cd-label {
  border: 2px solid #b63e97;
  padding: 0 0.1em;
  line-height: 0.8em;
  font-size: 0.8em;
  font-weight: 600;
  background: #fff;
}
.meds-full-line-item .print-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
  text-transform: uppercase;
}
.meds-full-line-item .dose-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-full-line-item .dosage-label {
  font-weight: 600;
}
.meds-full-line-item .route-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-full-line-item .prompt-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-full-line-item.non-active {
  background: rgba(0, 0, 0, 0.03);
}
.meds-full-line-item.non-active.is-ceased {
  color: #757575;
}
.meds-full-line-item.non-active.is-ceased .med-name,
.meds-full-line-item.non-active.is-ceased .print-label,
.meds-full-line-item.non-active.is-ceased .dose-label,
.meds-full-line-item.non-active.is-ceased .dosage-label,
.meds-full-line-item.non-active.is-ceased .route-label {
  font-weight: 500;
  color: #757575;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item[data-v-4bd1710a] {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0.3em 0.5em 0.3em 0.8em;
  flex: 1;
  white-space: pre-line;
  position: relative;
  border-bottom: 1px solid #dddede;
  flex-grow: 1;
  box-sizing: content-box;
}
.item-data[data-v-4bd1710a] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  margin: 0;
  padding: 0.5em 0;
  flex-basis: 65%;
  box-sizing: border-box;
}
.item-meta[data-v-4bd1710a] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  box-sizing: border-box;
  flex-basis: 35%;
  white-space: normal;
  justify-content: space-between;
}
.item-meta .meta__block[data-v-4bd1710a] {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  padding: 0 0.5em 0 0;
  box-sizing: border-box;
}
.either-or-icon[data-v-4bd1710a] {
  position: absolute;
  border: 2px solid #ffcc00;
  color: #ffcc00;
  top: -0.9em;
  left: 1.3em;
  padding: 0.2em 0.2em;
  line-height: 0.9em;
  font-size: 0.9em;
  font-weight: 600;
  background: #fff;
}
.is-either-or[data-v-4bd1710a] {
  width: 4px;
  position: absolute;
  left: 0px;
  top: 0;
  height: 100%;
  background: #ffcc00;
  display: flex;
}
.is-either-or--first[data-v-4bd1710a] {
  width: 4px;
  position: absolute;
  left: 0px;
  top: 0;
  height: 100%;
  background: #ffcc00;
  display: flex;
  height: 50%;
  bottom: 0;
  top: 50%;
}
.is-either-or--last[data-v-4bd1710a] {
  width: 4px;
  position: absolute;
  left: 0px;
  height: 100%;
  background: #ffcc00;
  display: flex;
  height: 50%;
  top: 0;
}
.item__line-1[data-v-4bd1710a] {
  margin: 0 0 0.3em 0;
  box-sizing: border-box;
}
.multi-regimen-line[data-v-4bd1710a] {
  margin: 0 0 0.1em 0;
}
/*TEMPLATE LITERAL CLASSES DON'T SEEMED TO LIKE SCOPED CSS :(*/
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.meds-full-line-item .med-name {
  font-weight: 600;
}
.meds-full-line-item .label {
  color: #757575;
}
.meds-full-line-item .label.danger {
  color: #ff5252;
}
.meds-full-line-item .label.success {
  color: #46a728;
}
.meds-full-line-item .label.authorised {
  color: #037bc1;
}
.meds-full-line-item .danger {
  color: #ff5252;
}
.meds-full-line-item .success {
  color: #46a728;
}
.meds-full-line-item .authorised {
  color: #46a728;
}
.meds-full-line-item .print-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
  text-transform: uppercase;
}
.meds-full-line-item .dose-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-full-line-item .dosage-label {
  font-weight: 600;
}
.meds-full-line-item .route-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
.meds-full-line-item .prompt-label {
  color: #037bc1;
  font-weight: 600;
  font-family: Consolas, monospace;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item[data-v-7a58b3cd] {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0.3em 0.3em;
  flex: 1;
  white-space: pre-line;
  position: relative;
  border-bottom: 1px solid #dddede;
  flex-grow: 1;
  box-sizing: content-box;
}
.item-data[data-v-7a58b3cd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  margin: 0;
  padding: 0.5em 0;
  flex-basis: 65%;
  box-sizing: border-box;
}
.item-meta[data-v-7a58b3cd] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  box-sizing: border-box;
  flex-basis: 35%;
  white-space: normal;
  justify-content: space-between;
}
.item-meta .meta__block[data-v-7a58b3cd] {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  padding: 0 0.5em 0 0;
  box-sizing: border-box;
}
.item__line-1[data-v-7a58b3cd] {
  margin: 0 0 0.3em 0;
  box-sizing: border-box;
}
.multi-regimen-line[data-v-7a58b3cd] {
  margin: 0 0 0.1em 0;
}
.patient-current-meds .ui-collapsible .ui-collapsible__body-wrapper {
  height: auto !important;
  overflow: visible;
}
.patient-current-meds .ui-collapsible .ui-collapsible__header {
  min-height: 0rem;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
}
.patient-current-meds .ui-collapsible .ui-collapsible__body {
  padding: 0.5em;
  box-sizing: border-box;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-current-meds[data-v-50868e66] {
  padding: 0 1em 15em 1em;
}
.list-filter-wrapper[data-v-50868e66] {
  display: inline-flex;
  min-height: 27px;
  flex-grow: 1;
  align-items: center;
  margin: 0 0 1em 0;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}
.list-filter-wrapper .ui-select[data-v-50868e66] {
  min-width: 300px;
  margin-bottom: 0;
}
.list-filter-wrapper .filters-clear[data-v-50868e66] {
  color: #3572b0;
  margin: 0 0 0 1em;
}
.list-filter-wrapper .filters-clear[data-v-50868e66]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.loader[data-v-6cfba8c0] {
  padding: 1em;
}
.row-clinical-note[data-v-6cfba8c0] {
  background: #ffffff;
}
.row-discharge-summary[data-v-6cfba8c0] {
  background: #eaf5e5;
}
.row-proforma[data-v-6cfba8c0] {
  background: #e5eaf5;
}
.row-sdi[data-v-6cfba8c0] {
  background: #ea9999;
}
.filters-wrapper[data-v-6cfba8c0] {
  padding: 0 0 1em 0;
  margin: 0 0 0 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  border-bottom: 1px solid #dddede;
}
.filters-wrapper .filter__block[data-v-6cfba8c0] {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  min-width: 16em;
  max-width: 300px;
  height: 47px;
  margin: 0;
  border-right: 1px solid #dddede;
  padding: 0 0.8em 0 0.8em;
}
.filters-wrapper .filter__block.first[data-v-6cfba8c0] {
  padding-left: 0;
}
.filters-wrapper .filter__block.end[data-v-6cfba8c0] {
  border-right: none;
  height: 2.5em;
  justify-content: center;
  min-width: 69px;
  padding-right: 0;
  margin-right: 0;
}
.filters-wrapper .filter__block.end .btn--plain[data-v-6cfba8c0] {
  align-self: flex-start;
}
.filters-wrapper .filter__block.end[data-v-6cfba8c0]:empty {
  height: 0;
}
.filters-wrapper .filter__block .ui-textbox[data-v-6cfba8c0] {
  margin-bottom: 0;
}
.filters-wrapper .filter__block .ui-select[data-v-6cfba8c0] {
  margin-bottom: 0;
}
.filters-wrapper .filter__block .ui-select .ui-select__display[data-v-6cfba8c0] {
  padding-top: 0;
  padding-bottom: 0;
}
.filters-wrapper .filter__block .ui-datepicker[data-v-6cfba8c0] {
  margin-bottom: 0;
}
.item_block[data-v-6cfba8c0] {
  display: flex;
  flex-direction: column;
}
.item_type[data-v-6cfba8c0] {
  display: flex;
  flex-direction: column;
}
.item_type .type__meta[data-v-6cfba8c0] {
  margin: 0 0 0.6em 0;
}
.block__row[data-v-6cfba8c0]:first-of-type {
  margin: 0 0 0.6em 0;
}
.label[data-v-6cfba8c0] {
  color: #757575;
  font-weight: 400;
}
.calendar-item[data-v-6cfba8c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.calendar-item .day[data-v-6cfba8c0] {
  font-size: 1.1em;
  font-weight: 700;
}
.calendar-item .month-year[data-v-6cfba8c0] {
  font-weight: 500;
  text-transform: uppercase;
}
.status-label[data-v-6cfba8c0] {
  font-weight: 500;
  color: #757575;
}
.status-label--complete[data-v-6cfba8c0] {
  font-weight: 500;
  color: #757575;
  color: #212121;
}
.sentinel-wrapper[data-v-6cfba8c0] {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.iframe-container[data-v-59f7096e] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
}
.iframe-container iframe[data-v-59f7096e] {
  border: none;
}
.strip-loader[data-v-59f7096e] {
  min-height: 3.25px;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
  margin-bottom: 0.5em;
}
.error-wrapper[data-v-59f7096e] {
  padding: 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
iframe[data-v-bf71cff6] {
  border: none;
  min-height: calc(100vh - 200px);
  width: calc(100%);
}
.iframe-container[data-v-bf71cff6] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
}
.iframe-container iframe[data-v-bf71cff6] {
  border: none;
}
.strip-loader[data-v-bf71cff6] {
  min-height: 3.25px;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
  margin-bottom: 0.5em;
}
.error-wrapper[data-v-bf71cff6] {
  padding: 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.iframe-container[data-v-3d35b45b] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
}
.iframe-container iframe[data-v-3d35b45b] {
  border: none;
}
.strip-loader[data-v-3d35b45b] {
  min-height: 3.25px;
  flex: 1;
  box-sizing: border-box;
  padding: 0 0.8em;
  margin-bottom: 0.5em;
}
.error-wrapper[data-v-3d35b45b] {
  padding: 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.tpi-menu-option[data-v-66c84e94] {
  display: flex;
}
.tpi-menu-option .ui-checkbox[data-v-66c84e94] {
  margin-bottom: 0;
}
.tpi-menu-option .item-label[data-v-66c84e94] {
  color: #3572b0;
  padding: 0 0 0 0.5em;
}
.tpi-menu-option .item-label.active[data-v-66c84e94] {
  color: #757575;
}
.tpi-menu-option .item-label.active[data-v-66c84e94]:hover {
  cursor: not-allowed;
}
.tpi-menu-option .item-label[data-v-66c84e94]:hover {
  cursor: pointer;
  text-decoration: underline;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.tpi-menu-wrapper[data-v-0fc1e935] {
  position: absolute;
  bottom: 60px;
  right: 40px;
  width: 60px;
  height: 60px;
}
.menu-icon[data-v-0fc1e935] {
  width: 57px;
  height: 57px;
  background: #037bc1;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.menu-icon .material-icons[data-v-0fc1e935] {
  color: #fff;
}
.menu-icon[data-v-0fc1e935]:hover {
  cursor: pointer;
}
.menu-wrapper[data-v-0fc1e935] {
  padding: 0.2em 0 0.2em 0.2em;
  overflow: auto;
  height: auto;
  max-height: 390px;
  width: 225px;
}
.menu-item[data-v-0fc1e935] {
  display: flex;
  padding: 0.5em 0.3em;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.menu-icon--open[data-v-0fc1e935] {
  width: 57px;
  height: 57px;
  background: #037bc1;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: #ff5252;
}
.menu-icon--open .material-icons[data-v-0fc1e935] {
  color: #fff;
}
.menu-icon--open[data-v-0fc1e935]:hover {
  cursor: pointer;
}
.menu-icon--closed[data-v-0fc1e935] {
  width: 57px;
  height: 57px;
  background: #037bc1;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.menu-icon--closed .material-icons[data-v-0fc1e935] {
  color: #fff;
}
.menu-icon--closed[data-v-0fc1e935]:hover {
  cursor: pointer;
}
.menu-custom-block[data-v-0fc1e935] {
  padding: 1em;
  border-top: 1px solid #dddede;
  max-width: 247px;
  /*To match select menu component*/
}
.popover-trigger[data-v-0fc1e935] {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.clinical-tag {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #999999;
  background: #fff;
  padding: 0.4em;
  margin: 0 0.25em 0.5em 0;
  line-height: 1.1em;
  position: relative;
  font-size: 0.8em;
  flex-flow: nowrap;
}
.clinical-tag .label {
  display: flex;
  order: 0;
}
.clinical-tag .remove {
  display: flex;
  order: 1;
  line-height: 13px;
}
.clinical-tag .remove.material-icons {
  font-size: 13px;
}
.clinical-tag .remove:hover {
  color: #037bc1;
  cursor: pointer;
}
.clinical-tag.is-other-team-tag {
  background: #fff;
  border: 1px solid #dddede;
}
.clinical-tag .tag-meta {
  display: flex;
  color: #757575;
  font-size: 0.9em;
}
.clinical-tag .tag-remove-trigger {
  display: flex;
}
.clinical-tag .tag-remove-trigger .btn--plain {
  height: 13px;
}
.clinical-tag .tag-remove-trigger .btn--plain.drop-enabled .material-icons {
  color: #037bc1;
}
.clinical-tag .material-icons {
  color: #757575;
  font-size: 13px;
}
.clinical-tag:hover {
  cursor: pointer;
}
.clinical-tag .tag-added-date {
  display: flex;
  font-size: 0.9em;
  padding: 0 0.3em;
}
.removal-reason-input .ui-textbox {
  margin-bottom: 1em;
  margin-top: 2em;
}
.network-patient-search-wrapper .clinical-tag {
  display: inline-flex;
}
.network-patient-search-wrapper .breadcrumb-slug {
  color: #3572b0;
}
.network-patient-search-wrapper .breadcrumb-slug:hover {
  cursor: pointer;
  text-decoration: underline;
}
.network-patient-search-wrapper .u-ul--plain li {
  margin: 0 0 0.3em 0;
}
.network-patient-search-wrapper .session-capacity {
  margin: 0 0 0 0.2em;
  border-bottom: 1px dotted;
}
.network-patient-search-wrapper .add-assessment {
  /*https://schalkneethling.medium.com/preventing-svg-from-becoming-the-event-target-3e9c039dfdd0*/
}
.network-patient-search-wrapper .add-assessment svg {
  /* ensure svg will never be the target of mouse event */
  pointer-events: none;
}
.network-patient-search-wrapper .result-tpi-icon {
  /*https://schalkneethling.medium.com/preventing-svg-from-becoming-the-event-target-3e9c039dfdd0*/
}
.network-patient-search-wrapper .result-tpi-icon svg {
  /* ensure svg will never be the target of mouse event */
  pointer-events: none;
}
.network-patient-search-wrapper .result-icon-light {
  fill: #bababa;
}
.network-patient-search-wrapper .result-icon-light .material-icons {
  color: #bababa;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.clinical-tag[data-v-6b90e7ca] {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #999999;
  background: #fff;
  padding: 0.4em;
  margin: 0 0.25em 0.5em 0;
  line-height: 1.1em;
  position: relative;
  font-size: 0.8em;
  flex-flow: nowrap;
}
.clinical-tag .label[data-v-6b90e7ca] {
  display: flex;
  order: 0;
}
.clinical-tag .remove[data-v-6b90e7ca] {
  display: flex;
  order: 1;
  line-height: 13px;
}
.clinical-tag .remove.material-icons[data-v-6b90e7ca] {
  font-size: 13px;
}
.clinical-tag .remove[data-v-6b90e7ca]:hover {
  color: #037bc1;
  cursor: pointer;
}
.clinical-tag.is-other-team-tag[data-v-6b90e7ca] {
  background: #fff;
  border: 1px solid #dddede;
}
.clinical-tag .tag-meta[data-v-6b90e7ca] {
  display: flex;
  color: #757575;
  font-size: 0.9em;
}
.clinical-tag .tag-remove-trigger[data-v-6b90e7ca] {
  display: flex;
}
.clinical-tag .tag-remove-trigger .btn--plain[data-v-6b90e7ca] {
  height: 13px;
}
.clinical-tag .tag-remove-trigger .btn--plain.drop-enabled .material-icons[data-v-6b90e7ca] {
  color: #037bc1;
}
.clinical-tag .material-icons[data-v-6b90e7ca] {
  color: #757575;
  font-size: 13px;
}
.clinical-tag[data-v-6b90e7ca]:hover {
  cursor: pointer;
}
.clinical-tag .tag-added-date[data-v-6b90e7ca] {
  display: flex;
  font-size: 0.9em;
  padding: 0 0.3em;
}
.removal-reason-input .ui-textbox[data-v-6b90e7ca] {
  margin-bottom: 1em;
  margin-top: 2em;
}
.error-message[data-v-6b90e7ca] {
  display: flex;
  flex: 1;
  padding: 5.3em 1em 1em 1em;
  box-sizing: border-box;
}
.strip-loader[data-v-6b90e7ca] {
  display: flex;
  width: 100%;
  height: 3.25px;
}
.loader-wrapper[data-v-6b90e7ca] {
  padding: 0.5em;
}
.no-results-data-wrapper[data-v-6b90e7ca] {
  padding: 0.8em 0.5em;
  line-height: 1.5em;
  text-align: center;
}
.network-patient-search-wrapper[data-v-6b90e7ca] {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 100%;
}
.network-patient-search-wrapper .material-icons[data-v-6b90e7ca] {
  margin-right: 0;
}
.search-wrapper[data-v-6b90e7ca] {
  display: flex;
  height: 1%;
  flex: 1 1 auto;
}
.search-body-wrapper[data-v-6b90e7ca] {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.view-header[data-v-6b90e7ca] {
  display: flex;
  border-bottom: 1px solid #dddede;
  align-items: center;
  padding: 0 1em 0 0.5em;
  box-sizing: border-box;
  height: 45px;
  min-height: 45px;
}
.search-container-wrapper[data-v-6b90e7ca] {
  display: flex;
  flex-flow: row;
  flex-grow: 1;
  height: 90%;
}
.container-title-wrapper[data-v-6b90e7ca] {
  margin: 0 0.8em 0 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
}
.container-title-wrapper.view-title--view-wrapper[data-v-6b90e7ca] {
  padding: 0;
}
.search-control-list[data-v-6b90e7ca],
.populations-control-list[data-v-6b90e7ca],
.identifier-control-list[data-v-6b90e7ca] {
  box-sizing: border-box;
  padding-bottom: 0;
}
.controls-results-data-wrapper[data-v-6b90e7ca] {
  border-right: 1px solid #dddede;
  min-width: 300px;
  max-width: 300px;
  width: 300px;
  position: relative;
}
.controls-results-data-wrapper .clinic-lists-toggle[data-v-6b90e7ca] {
  display: flex;
  flex-flow: column;
  padding: 0;
}
.controls-results-data-wrapper .clinic-lists-toggle .toggle-body[data-v-6b90e7ca] {
  padding: 0.5em;
}
.controls-results-data-wrapper .clinic-lists-toggle .btn--plain[data-v-6b90e7ca] {
  align-self: flex-start;
}
.controls-results-data-wrapper .clinic-lists-toggle .session-name[data-v-6b90e7ca] {
  display: flex;
  text-transform: uppercase;
  margin: 0 0 1em 0;
  font-weight: 500;
}
.controls-results-data-wrapper .sidePanel-collapse-wrapper[data-v-6b90e7ca] {
  justify-content: space-around;
}
.controls-results-data-wrapper .sidePanel-collapse-wrapper .item[data-v-6b90e7ca] {
  display: flex;
  align-items: center;
}
.controls-results-data-wrapper .active-session-header[data-v-6b90e7ca] {
  display: flex;
  flex-flow: row;
  padding: 0.5em 0.5em 0.5em 1em;
  line-height: 1.5em;
  box-sizing: border-box;
  justify-content: space-between;
}
.controls-results-data-wrapper .active-session-header .action[data-v-6b90e7ca] {
  display: flex;
  align-items: center;
}
.controls-results-data-wrapper .active-session-header .action i[data-v-6b90e7ca]:hover {
  color: #3572b0;
  cursor: pointer;
}
.list-data-toggle[data-v-6b90e7ca] {
  display: inline-flex;
  background: #acacac;
  border-radius: 50%;
  position: absolute;
  right: -10px;
  top: 10px;
}
.list-data-toggle[data-v-6b90e7ca]:hover {
  cursor: pointer;
}
.list-data-toggle .material-icons[data-v-6b90e7ca] {
  color: #fff;
}
.list-data-wrapper[data-v-6b90e7ca] {
  border-top: 1px solid #dddede;
  position: relative;
}
.list-data-wrapper .list-data-item[data-v-6b90e7ca] {
  border-top: 1px solid #dddede;
  box-sizing: border-box;
  line-height: 1.5em;
}
.list-data-wrapper .list-data-item.is-busy[data-v-6b90e7ca] {
  color: #757575;
}
.list-data-wrapper .list-data-item.active[data-v-6b90e7ca] {
  background: rgba(3, 123, 193, 0.12);
}
.list-data-wrapper .list-data-item[data-v-6b90e7ca]:first-of-type {
  border-top: none;
}
.list-data-wrapper .list-data-item[data-v-6b90e7ca]:hover {
  cursor: pointer;
  background: rgba(3, 123, 193, 0.12);
}
.list-data-wrapper .list-data-item .item-line .patient-list-name[data-v-6b90e7ca] {
  font-weight: 500;
}
.list-data-wrapper .list-data-item .item-line .patient-list-name .surname[data-v-6b90e7ca] {
  text-transform: uppercase;
}
.list-data-wrapper .list-data-item .item-body[data-v-6b90e7ca] {
  padding: 0.5em 1em;
}
.list-data-wrapper .list-data-item .item-label[data-v-6b90e7ca] {
  color: #757575;
}
.results-data-container[data-v-6b90e7ca] {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex: 1 100%;
  box-sizing: border-box;
  padding: 0;
}
.data-refresh-btn[data-v-6b90e7ca] {
  align-items: center;
  display: flex;
}
.sentinel-wrapper[data-v-6b90e7ca] {
  display: flex;
  justify-content: center;
  margin: 0 0 1em 0;
  height: 45px;
  align-items: center;
}
.sentinel-wrapper[data-v-6b90e7ca]:hover {
  background: none;
  cursor: default;
}
.sentinel-wrapper .end-of-population-scroll-wrapper[data-v-6b90e7ca] {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 1em 0 0 0;
}
.ai-consultation-btn[data-v-6b90e7ca] {
  color: #007bff !important;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 0.85em;
  text-decoration: none;
}
.ai-consultation-btn[data-v-6b90e7ca]:hover {
  color: #0056b3 !important;
  text-decoration: none;
  background-color: rgba(0, 123, 255, 0.1);
}
.ai-consultation-btn[data-v-6b90e7ca]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.directory-profile .meta-duty-status {
  margin: 0 0 0 1em;
  text-transform: uppercase;
  color: #212121;
  display: flex;
  align-content: center;
  align-items: center;
}
.directory-profile .user-message-wrapper .ui-textbox__input {
  box-sizing: border-box;
  padding: 0 20px 0 0;
}
.directory-profile .user-message-wrapper input[type='text']::-ms-clear {
  display: none;
}
.directory-profile .user-message-wrapper ::-ms-clear {
  display: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.directory-profile[data-v-7e3abdbb] {
  display: flex;
  flex-grow: 1;
  padding: 0;
  flex-flow: column;
  width: 100%;
}
.directory-profile .block-1[data-v-7e3abdbb] {
  display: flex;
  margin: 0 0 3em 0;
  padding: 1em;
}
.directory-profile .item-meta[data-v-7e3abdbb] {
  padding: 0 0 0 1em;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.directory-profile .item-meta .remove-user-wrapper[data-v-7e3abdbb] {
  display: flex;
  flex-flow: column;
  margin: 1em 0 0 0;
  align-items: flex-start;
}
.directory-profile .item-meta .remove-user-wrapper .ui-button[data-v-7e3abdbb] {
  margin: 0 0 0.5em 0;
}
.directory-profile .item-meta .meta-name[data-v-7e3abdbb] {
  font-size: 1.5em;
  font-weight: 500;
  margin: 0;
  line-height: 2.3em;
}
.directory-profile .item-meta .meta-profile-description[data-v-7e3abdbb] {
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 0 1em 0;
  line-height: 1.5em;
  white-space: pre-line;
}
.directory-profile .item-meta .meta-profile-description[data-v-7e3abdbb]:empty {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.directory-profile .item-meta .meta-profile-email[data-v-7e3abdbb] {
  display: flex;
  margin: 0 0 1em 0;
}
.directory-profile .item-meta .meta-profile-mobile[data-v-7e3abdbb] {
  display: flex;
  margin: 0 0 1em 0;
}
.directory-profile .item-meta .meta-last-online[data-v-7e3abdbb] {
  color: #757575;
  display: flex;
  align-items: center;
  margin: 0;
}
.directory-profile .item-meta .meta-last-online .meta-duty-status[data-v-7e3abdbb] {
  margin: 0 0 0 1em;
  text-transform: uppercase;
  color: #212121;
}
.directory-profile .item-meta .meta-role-label[data-v-7e3abdbb] {
  text-transform: uppercase;
  margin: 0.4em 0;
}
.directory-profile .item-meta .item-teams[data-v-7e3abdbb] {
  padding: 0;
  margin: 2em 0 0 0;
}
.directory-profile .team-item.is-list-only[data-v-7e3abdbb] {
  margin: 0 0 0.5em 0;
}
.directory-profile .teams-wrapper[data-v-7e3abdbb] {
  display: flex;
  flex-flow: column;
  line-height: 2em;
}
.directory-profile .teams-wrapper .team-item[data-v-7e3abdbb] {
  color: #3572b0;
}
.directory-profile .teams-wrapper .team-item[data-v-7e3abdbb]:hover {
  cursor: pointer;
}
.directory-profile .teams-wrapper.is-editable .team-item[data-v-7e3abdbb] {
  display: flex;
  border-bottom: 1px solid #dddede;
  justify-content: space-between;
}
.directory-profile .admin-remove-team-btn .material-icons[data-v-7e3abdbb] {
  color: #212121;
  font-size: 18px;
}
.directory-profile .user-message-wrapper[data-v-7e3abdbb] {
  margin: 1em 0 0 0;
  flex: 1;
  height: 33px;
  display: flex;
  width: 100%;
  max-width: 500px;
  min-height: 32px;
  justify-content: space-between;
  align-items: center;
}
.directory-profile .user-message-wrapper .ui-textbox[data-v-7e3abdbb] {
  width: 95%;
  min-width: 245px;
  margin-bottom: 0;
}
.directory-profile .user-message-wrapper i.material-icons[data-v-7e3abdbb] {
  color: #3572b0;
  margin-left: auto;
}
.directory-profile .user-message-wrapper i.material-icons[data-v-7e3abdbb]:hover {
  cursor: pointer;
}
.directory-profile .user-message-wrapper .message-send-wrapper i.disabled[data-v-7e3abdbb] {
  color: #757575;
}
.directory-profile .user-message-wrapper .message-clear[data-v-7e3abdbb] {
  display: flex;
  position: relative;
  left: -15px;
  top: -2px;
}
.directory-profile .user-message-wrapper .message-clear i.material-icons[data-v-7e3abdbb] {
  font-size: 18px;
  color: #212121;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.manage-team-wrapper[data-v-6bc2d6f5] {
  display: flex;
  min-height: 350px;
  flex-flow: column;
}
.manage-team-wrapper .row-item[data-v-6bc2d6f5] {
  display: flex;
  flex-flow: column;
  margin: 0 0 1em 0;
  min-height: 48px;
}
.manage-team-wrapper .row-item .ui-textbox[data-v-6bc2d6f5] {
  width: 100%;
  margin-bottom: 0;
}
.manage-team-wrapper .static-error[data-v-6bc2d6f5] {
  display: flex;
  color: #ff5252;
}
.vue-application-manage-user-teams {
  /*Wrap to prevent leaks into global scope*/
}
.vue-application-manage-user-teams .ui-modal__body {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.vue-application-manage-user-teams .ui-modal .ui-modal__body,
.vue-application-manage-user-teams .ui-modal:not(.has-footer) .ui-modal__body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.vue-application-manage-user-teams .ui-modal .ui-modal__body::after,
.vue-application-manage-user-teams .ui-modal:not(.has-footer) .ui-modal__body::after {
  display: none;
}
.vue-application-manage-user-teams .ui-modal__container {
  display: flex;
  flex-flow: column;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.manage-teams-wrapper[data-v-d4747332] {
  display: flex;
  margin: 0;
  padding: 0;
  flex-flow: column nowrap;
  height: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
}
.manage-teams-wrapper .header[data-v-d4747332] {
  display: flex;
  margin: 0 0 1em 0;
  flex-flow: column nowrap;
  box-sizing: border-box;
  padding: 0 1.5em;
}
.manage-teams-wrapper .header .header-actions-wrapper[data-v-d4747332] {
  display: flex;
  margin: 0 0 1.2em 0;
}
.manage-teams-wrapper .header .header-actions-wrapper .btn--plain[data-v-d4747332] {
  font-size: 1.2em;
  margin: 0 1em 0 0;
}
.manage-teams-wrapper .header .header-actions-wrapper .btn--plain.is-active[data-v-d4747332] {
  color: #212121;
}
.manage-teams-wrapper .header .header-actions-wrapper .btn--plain.is-active[data-v-d4747332]:hover {
  cursor: default;
}
.manage-teams-wrapper .header .header-actions-wrapper .btn--plain[data-v-d4747332]:last-of-type {
  margin-right: 0;
}
.manage-teams-wrapper .header .header-search-wrapper[data-v-d4747332] {
  display: flex;
  min-height: 60px;
  flex-flow: column;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row[data-v-d4747332] {
  display: flex;
  flex: 1 100%;
  box-sizing: border-box;
  padding: 0.5em 1.5em;
  border-bottom: 1px solid #dddede;
  align-content: center;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .team-meta[data-v-d4747332] {
  display: flex;
  flex-flow: column;
  flex-basis: 80%;
  box-sizing: border-box;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .team-actions[data-v-d4747332] {
  display: flex;
  flex-basis: 20%;
  justify-content: flex-end;
  box-sizing: border-box;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .team-actions .btn--plain.is-busy[data-v-d4747332] {
  color: #757575;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .team-actions .btn--plain.is-label[data-v-d4747332] {
  color: #757575;
  transition: none;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .team-actions .btn--plain.is-label[data-v-d4747332]:hover {
  cursor: default;
  color: #757575;
  opacity: 1;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .team-name[data-v-d4747332] {
  font-weight: 500;
  font-size: 1.1em;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .team--meta-description[data-v-d4747332] {
  color: #757575;
  margin: 0.5em 0 0 0;
  line-height: 1.3em;
  white-space: pre-line;
}
.manage-teams-wrapper .teams-list-wrapper .teams-list-row .row-action[data-v-d4747332] {
  display: flex;
}
.manage-teams-wrapper .teams-list-wrapper .sentinel-row[data-v-d4747332] {
  display: flex;
  height: 50px;
  margin: 0 0 2em 0;
  padding: 1em 0;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.manage-teams-wrapper .meta-title-collapsed[data-v-d4747332] {
  white-space: normal;
}
.team-list-item .u-new-content-badge {
  position: relative;
  top: initial;
  right: initial;
  top: auto;
  right: auto;
  margin: 0;
  box-shadow: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.team-list-item[data-v-65f66146] {
  background: #fff;
  display: flex;
  align-items: center;
  flex: 1;
  flex-wrap: nowrap;
  border-bottom: 1px solid #dddede;
  padding: 0.3em 0 0.3em 0.5em;
  box-sizing: border-box;
  min-height: 36px;
}
.team-list-item[data-v-65f66146]:last-of-type {
  border-bottom: none;
}
.team-list-item.inline-style[data-v-65f66146] {
  padding: 0.2em 0em;
}
.team-list-item.inline-style .item-meta[data-v-65f66146] {
  flex-grow: 1;
}
.item-meta[data-v-65f66146] {
  flex-basis: 60%;
  display: flex;
}
.item-data[data-v-65f66146] {
  display: flex;
  margin-left: auto;
}
.item-count[data-v-65f66146] {
  font-weight: 400;
  margin: 0;
  font-size: 0.9em;
}
.item-actions[data-v-65f66146] {
  width: 30px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
}
.item-referral-count[data-v-65f66146] {
  display: flex;
  min-width: 33px;
  box-sizing: border-box;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.item-task-count[data-v-65f66146] {
  display: flex;
  min-width: 33px;
  box-sizing: border-box;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.item-updates-count[data-v-65f66146] {
  display: flex;
  min-width: 33px;
  box-sizing: border-box;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.new-item-badge[data-v-65f66146] {
  background: #ff5252;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.view-block__title--large[data-v-4f94e660] {
  flex-basis: 60%;
  display: flex;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  align-items: center;
}
.view-block__title--large .ui-icon-button[data-v-4f94e660] {
  background: none;
  height: auto;
  width: auto;
}
.view-block__title--large .ui-icon-button .ui-icon-button__icon .material-icons[data-v-4f94e660] {
  color: #757575;
}
.view-block__title--large .ui-icon-button[data-v-4f94e660]:hover {
  background: none;
}
.view-block__title--large .ui-icon-button .ui-icon-button[data-v-4f94e660] {
  font-size: 20px;
}
.view-block__title--large i.material-icons[data-v-4f94e660] {
  color: #757575;
  font-size: 22px;
  margin: 0 0 0 0.1em;
}
.view-block__title--large i.material-icons[data-v-4f94e660]:hover {
  cursor: pointer;
}
.no-teams-msg-wrapper[data-v-4f94e660] {
  padding: 0.5em;
  line-height: 1.3em;
  background: #fff;
}
.feed-loading-content[data-v-4f94e660] {
  background: #fff;
}
.head-icons[data-v-4f94e660] {
  display: flex;
  margin-left: auto;
}
.head-icon-tasks[data-v-4f94e660] {
  display: flex;
  min-width: 33px;
  box-sizing: border-box;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.head-icon-tasks .material-icons[data-v-4f94e660] {
  font-size: 22px;
  color: #757575;
}
.head-icon-referrals[data-v-4f94e660] {
  display: flex;
  min-width: 33px;
  box-sizing: border-box;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.head-icon-referrals .material-icons[data-v-4f94e660] {
  font-size: 22px;
  color: #757575;
}
.head-icon-updates[data-v-4f94e660] {
  display: flex;
  min-width: 33px;
  box-sizing: border-box;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.head-icon-updates .material-icons[data-v-4f94e660] {
  font-size: 18px;
  color: #757575;
}
.head-icon-actions[data-v-4f94e660] {
  display: flex;
  min-width: 30px;
  margin-left: auto;
  box-sizing: border-box;
  align-items: center;
  justify-items: center;
  justify-content: center;
}
.head-icon-actions .join-teams-icon[data-v-4f94e660] {
  font-size: 18px;
  color: #757575;
}
.head-icon-actions .join-teams-icon[data-v-4f94e660]:hover {
  cursor: pointer;
}
.head-icon-actions .join-teams-icon:hover.material-icons[data-v-4f94e660] {
  color: #3572b0;
}
.loader-wrapper[data-v-4f94e660] {
  display: flex;
  justify-content: flex-start;
  padding: 1em 1em 1em 0.8em;
  box-sizing: border-box;
}
.list-scroller[data-v-4f94e660] {
  height: 100%;
  padding: 0;
  box-sizing: border-box;
}
.team-list[data-v-4f94e660] {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0 0 1em 0;
}
.list-header[data-v-4f94e660] {
  display: flex;
  flex-flow: row;
  align-items: center;
  background: #fff;
  padding: 0 0 0 0.5em;
  box-sizing: border-box;
}
.list-header.has-scroll--pad[data-v-4f94e660] {
  padding-right: 15px;
}
.list-header[data-v-4f94e660]:not(.has-scroll) {
  width: 100%;
  min-width: 100%;
}
.join-teams-link[data-v-4f94e660] {
  font-size: 1.1em;
  text-transform: none;
}
.join-teams-link[data-v-4f94e660]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.ui-checkbox[data-v-4439af38] {
  margin-bottom: 0.7rem;
}
.icon-burger[data-v-4439af38] {
  font-size: 18px;
  line-height: inherit;
  position: relative;
  top: 4px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.team-invite-wrapper[data-v-54e10ad2] {
  display: flex;
  margin: 1em 0 0 0;
}
.team-invite-wrapper .intro[data-v-54e10ad2] {
  display: flex;
  margin: 0 0 1.5em;
  font-weight: 500;
}
.team-invite-wrapper .col-1[data-v-54e10ad2] {
  display: flex;
  flex-flow: column;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 2em 0 0;
  box-sizing: border-box;
}
.team-invite-wrapper .col-1 .network-member-list[data-v-54e10ad2] {
  display: flex;
  flex-flow: column;
  height: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.team-invite-wrapper .col-1 .ui-textbox[data-v-54e10ad2] {
  margin-bottom: 0.8em;
}
.team-invite-wrapper .col-2[data-v-54e10ad2] {
  display: flex;
  flex-flow: column;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 0 0 2em;
  margin: 1.5em 0 0 0;
  box-sizing: border-box;
}
.team-invite-wrapper .col-2 .staged-member-list[data-v-54e10ad2] {
  display: flex;
  flex-flow: column;
  height: 300px;
  max-height: 300px;
  overflow-y: auto;
}
.team-invite-wrapper .user-item[data-v-54e10ad2] {
  display: flex;
  align-items: center;
  padding: 0.5em 0.5em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
  flex-flow: row;
  min-height: 40px;
}
.team-invite-wrapper .user-item.directory[data-v-54e10ad2]:hover {
  cursor: pointer;
  background: rgba(3, 123, 193, 0.12);
}
.team-invite-wrapper .user-item.active[data-v-54e10ad2] {
  background: #d5f4ff;
}
.team-invite-wrapper .user-item .item-meta[data-v-54e10ad2] {
  color: #757575;
  margin: 0;
}
.team-invite-wrapper .user-item .remove-wrapper[data-v-54e10ad2] {
  display: flex;
  margin-left: auto;
}
.team-invite-wrapper .user-item .remove-wrapper i[data-v-54e10ad2]:hover {
  cursor: pointer;
}
.team-invite-wrapper .sentinel-wrapper[data-v-54e10ad2] {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
  padding: 1em 0;
  box-sizing: border-box;
}
.meta-last-online .presenceStatus {
  position: relative;
  right: auto;
  bottom: auto;
  width: 0.8em;
  height: 0.8em;
  justify-self: flex-start;
  margin: 0 0.3em 0 0;
}
.meta-last-online .presenceStatus.presenceStatus--offline {
  display: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.directory-item[data-v-0a5b1673] {
  display: flex;
  padding: 0.8em 0.6em;
  border-bottom: 1px solid #dddede;
}
.directory-item .user-avatar-wrapper[data-v-0a5b1673] {
  flex: 1;
}
.directory-item .user-avatar-wrapper .avatar-meta-wrapper[data-v-0a5b1673] {
  flex: 1;
}
.directory-item .meta-user-data[data-v-0a5b1673] {
  display: flex;
  justify-content: space-between;
}
.directory-item .meta-duty[data-v-0a5b1673] {
  color: #757575;
  align-items: center;
  display: flex;
  font-size: 0.9em;
  margin: 0.2em 0 0 0;
}
.directory-item .meta-last-online[data-v-0a5b1673] {
  display: inline-flex;
  color: #757575;
  font-size: 0.8em;
  margin-left: 0.3em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.is-widget-2[data-v-bbb6cf6a] {
  display: flex;
  flex-flow: column;
}
.members-wrapper[data-v-bbb6cf6a] {
  position: relative;
  max-width: 100%;
  width: 100%;
  overflow: auto;
  background: #fff;
}
.feed-loading-content-wrapper[data-v-bbb6cf6a] {
  background: #fff;
  margin-bottom: 1em;
}
.feed-loading-content[data-v-bbb6cf6a] {
  background: #fff;
  height: 75px;
  box-sizing: border-box;
}
.btn--plain[data-v-bbb6cf6a] {
  text-transform: uppercase;
}
.view-block__title[data-v-bbb6cf6a] {
  display: flex;
  justify-content: space-between;
}
.view-block__title[data-v-bbb6cf6a]::before {
  content: unset;
  display: flex;
}
.view-block__title[data-v-bbb6cf6a]::after {
  content: unset;
  display: flex;
}
.sentinel-wrapper[data-v-bbb6cf6a] {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  background: #fff;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.updates-box[data-v-4365f72f] {
  margin: 1em 0 0 0;
  overflow: hidden;
  height: auto;
}
.updates-wrapper[data-v-4365f72f] {
  background: none;
}
.item[data-v-4365f72f] {
  display: flex;
  background: #fff;
  flex-wrap: wrap;
  flex: 1;
  flex-grow: inherit;
  padding: 0.5em 0.2em 0.5em 0.6em;
  margin: 0;
  box-sizing: border-box;
}
.view-block__title--large[data-v-4365f72f] {
  display: flex;
  padding: 1em 0.6em 1em 0.6em;
}
.view-all-link[data-v-4365f72f] {
  font-size: 13px;
  color: #3572b0;
  text-transform: none;
  margin-left: auto;
}
.view-all-link[data-v-4365f72f]:hover {
  cursor: pointer;
}
.item-row[data-v-4365f72f] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.item-title[data-v-4365f72f] {
  display: flex;
  margin: 0 0.7em 0 0;
  color: #3572b0;
}
.item-title[data-v-4365f72f]:hover {
  cursor: pointer;
}
.item-date[data-v-4365f72f] {
  color: #757575;
  display: flex;
  font-weight: 400;
}
.empty-results[data-v-4365f72f] {
  padding: 0.8em;
  background: #fff;
}

/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.manage-member-wrapper[data-v-38e21252] {
  display: flex;
  min-height: 350px;
  flex-flow: column;
}
.manage-member-wrapper .body-wrapper[data-v-38e21252] {
  display: flex;
  flex-flow: row;
}
.manage-member-wrapper .col-1[data-v-38e21252] {
  display: flex;
  width: 60%;
}
.manage-member-wrapper .col-2[data-v-38e21252] {
  display: flex;
  flex-flow: column;
  width: 40%;
  padding: 1em;
  box-sizing: border-box;
}
.manage-member-wrapper .team-actions[data-v-38e21252] {
  display: flex;
  margin: 2em 0 0 0;
}
.membership-request-item:hover {
  cursor: default;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.view-wrapper[data-v-0741cfa8] {
  display: flex;
  flex: 1;
}
.requests-data-wrapper[data-v-0741cfa8] {
  display: flex;
  flex: 1;
}
.membership-request-item[data-v-0741cfa8] {
  min-height: 44px;
}
.is-approved-or-declined[data-v-0741cfa8] {
  color: #757575;
}
.user-name[data-v-0741cfa8] {
  font-weight: 500;
}
.action-icon[data-v-0741cfa8]:hover {
  cursor: pointer;
  color: #46a728;
}
.action-icon--remove[data-v-0741cfa8]:hover {
  cursor: pointer;
  color: #46a728;
}
.action-icon--remove[data-v-0741cfa8]:hover {
  cursor: pointer;
  color: #ff5252;
}
.location-name[data-v-0741cfa8] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  width: 100%;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.view-wrapper[data-v-3b1a015f] {
  display: flex;
  flex: 1;
  position: relative;
}
.table__head.has-scroll[data-v-3b1a015f] {
  width: calc(100% - 15px);
}
.table__body[data-v-3b1a015f] {
  margin: 0 0 5em 0;
  position: relative;
}
.table__body.is-modal[data-v-3b1a015f] {
  margin-bottom: 0;
}
.u-data-table--default[data-v-3b1a015f] {
  position: relative;
}
.u-data-table--default.is-modal[data-v-3b1a015f] {
  margin-bottom: 0;
  padding: 0;
}
.table-loader-wrapper[data-v-3b1a015f] {
  padding: 0.8em 0 0 0.8em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.requests-pending-banner-wrapper[data-v-788c437d] {
  display: flex;
  padding: 1em;
  background: #ffcc00;
  font-weight: 400;
  align-content: center;
  justify-content: center;
  font-size: 1em;
  box-sizing: border-box;
}
.requests-pending-banner-wrapper[data-v-788c437d]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.status-panel[data-v-8ef14d5a] {
  z-index: 10;
  display: flex;
  flex-flow: row;
  padding: 0.8em;
  border: 1px solid #7eb17f;
  background: #ecfcef;
  margin: 0 0 1em 0;
  position: relative;
}
.status-panel[data-v-8ef14d5a]:last-of-type {
  margin-bottom: 0;
}
.status-panel.is-incident[data-v-8ef14d5a] {
  background: #ff5252;
  background: #ffe4e8;
  border: 1px solid #ff5252;
}
.status-panel.is-incident .material-icons[data-v-8ef14d5a]:not(.dismiss-btn) {
  color: #ff5252;
}
.status-panel .material-icons[data-v-8ef14d5a] {
  color: #7eb17f;
  font-size: 28px;
}
.status-panel .icon[data-v-8ef14d5a] {
  display: flex;
  padding: 0 0.8em 0 0;
}
.status-panel .body[data-v-8ef14d5a] {
  display: flex;
  flex: 1;
  flex-flow: column;
}
.status-panel .header[data-v-8ef14d5a] {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
.status-panel .detail[data-v-8ef14d5a] {
  line-height: 1.3em;
  flex-flow: column;
}
.status-panel .dismiss-btn[data-v-8ef14d5a] {
  position: absolute;
  right: 1px;
  top: 1px;
  font-size: 19px;
  font-weight: 500;
  color: #212121;
}
.status-panel .dismiss-btn .material-icons[data-v-8ef14d5a] {
  color: #212121;
}
.status-panel .dismiss-btn[data-v-8ef14d5a]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.files-list-item[data-v-6a594526] {
  align-items: center;
}
.files-list-item div[class^='pure-u'][data-v-6a594526] {
  align-self: center;
}
.files-list-item.is-struck-through[data-v-6a594526] {
  text-decoration: line-through;
}
.is-active[data-v-6a594526] {
  background: rgba(3, 123, 193, 0.12);
}
.mime-icon-wrapper[data-v-6a594526] {
  display: flex;
  min-width: 40px;
  max-width: 40px;
}
.mime-icon[data-v-6a594526] {
  width: 26px;
  padding: 0 0 0 0.2em;
}
.item-name[data-v-6a594526] {
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  width: 100%;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.loader-wrapper[data-v-0891c560] {
  padding: 1em;
}
.sentinel--is-loading[data-v-0891c560] {
  display: flex;
  justify-content: center;
  padding: 1em 0;
}
.mime-icon-wrapper[data-v-0891c560] {
  display: flex;
  min-width: 40px;
  max-width: 40px;
}
.results-end[data-v-0891c560] {
  display: flex;
  justify-content: center;
  margin: 1em 0 3em 0;
}
.table__body[data-v-0891c560] {
  border-top: 1px solid #dddede;
  border-right: 1px solid #dddede;
}
.table__head[data-v-0891c560] {
  border-bottom: none;
}
.panel-wrapper[data-v-0891c560] {
  display: flex;
  box-sizing: border-box;
  padding: 2em 1em 1em 1em;
  flex-grow: 1;
  flex-flow: column;
}
.team-navigation {
  /*App branding LESS variables*/
  /*Fonts*/
  /*Brand*/
  /*Colours*/
  /*@careflow--blue: #0089c6;*/
  /*From material spec error*/
  /*Orange-light*/
  /* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
  /* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
  /*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
  /*Equivalent-to-#757575*/
  /*Borders*/
  /*States - tables / blocks*/
  /*View Blocks*/
  /*Buttons*/
  /*http://pxtoem.com/*/
  /*Tags*/
  /*Badges*/
  /*Referrals - set by ID*/
  /*Feed Comments*/
  /*Patient Banner*/
  /*Font Weights*/
  /*Page Layouts*/
  /*Navigation*/
  /*@main-nav--bg: #3D679A;*/
  /*Team / patient view navigation*/
  /* @team-nav-bg: rgba(0, 0, 0, 0.05); */
  /*UI Popouts (e.g on team nav)*/
  /*Titles*/
  /*Global sidebar*/
}
.team-navigation button.ui-icon-button--type-primary.ui-icon-button--color-default:hover:not(.is-disabled) {
  background-color: none;
  background: none;
}
.team-navigation button.ui-icon-button--type-primary.ui-icon-button--color-default:hover:not(.is-disabled):hover {
  background-color: none;
  background: none;
  color: #3572b0;
}
.team-navigation .ui-icon.material-icons {
  font-size: unset;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.54);
  overflow: hidden;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.team-navigation[data-v-d0162708] {
  display: flex;
  height: 100%;
  flex-direction: column;
  width: 100%;
  background: #f5f5f5;
}
.team-navigation button[data-v-d0162708] {
  font-size: unset;
  height: 100%;
}
.team-navigation button.ui-icon-button[data-v-d0162708] {
  border-radius: 0;
  margin: 0;
  width: 100%;
  height: 3.5rem;
  background: none;
}
.team-navigation button.ui-icon-button .ui-icon.material-icons[data-v-d0162708] {
  font-size: unset;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.54);
  overflow: hidden;
}
.team-navigation button.ui-icon-button:hover .ui-icon.material-icons[data-v-d0162708] {
  font-size: unset;
  font-size: 24px;
  color: #3572b0;
  overflow: hidden;
}
.navigation-footer[data-v-d0162708] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 1em;
}
.nav-item[data-v-d0162708] {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 0;
  min-height: 46px;
  position: relative;
}
.nav-item.full-width[data-v-d0162708] {
  justify-content: flex-start;
  height: 3rem;
}
.nav-item .item--full-width[data-v-d0162708] {
  display: flex;
  flex-flow: row;
  align-items: center;
  font-weight: 400;
  padding: 0 0.1em 0 10.5px;
  width: 100%;
  height: 100%;
}
.nav-item .item--full-width[data-v-d0162708]:hover {
  cursor: pointer;
}
.nav-item .item--full-width:hover .ui-icon[data-v-d0162708] {
  color: #3572b0;
}
.nav-item .item--full-width .material-icons[data-v-d0162708] {
  font-size: unset;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0 0.6em 0 0;
  overflow: hidden;
}
.nav-item.active[data-v-d0162708] {
  background: #dedede;
}
.nav-item[data-v-d0162708]:hover {
  cursor: pointer;
  background: #dedede;
}
.nav-item:hover .ui-icon.material-icons[data-v-d0162708] {
  color: #3572b0;
}
.new-item-badge[data-v-d0162708] {
  background: #ff5252;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: auto;
  margin: 0;
  position: absolute;
  top: 9px;
  right: 5px;
}
.u-new-content-badge.tasks-count[data-v-d0162708] {
  position: absolute;
  top: 2px;
  right: 3px;
}
.u-new-content-badge.referrals-count[data-v-d0162708] {
  position: absolute;
  top: 2px;
  right: 3px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.filter-wrapper[data-v-30a8cd2a] {
  padding: 0;
  margin: 0;
  padding: 0 0.5em;
  min-width: 190px;
  max-width: 300px;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-right: 1px solid #dddede;
  min-height: 55px;
  align-items: baseline;
}
.filter-wrapper .ui-select[data-v-30a8cd2a] {
  margin-bottom: 0;
  flex-grow: 1;
  width: 100%;
}
.sbar-row .ui-textbox {
  flex-basis: 98%;
}
.sbar-row .ui-textbox.handover-txtbox .ui-textbox__textarea {
  max-height: 300px;
}
.sbar-row .handover-txt {
  white-space: pre-wrap;
  hyphens: auto;
  width: 100%;
}
.sbar-row .handover-txt:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.table__row .body__cell .sbar-row {
  margin: 0.1em 0;
  padding: 0;
}
.table__row .body__cell .sbar-row.pure-u-1 {
  border-bottom: 1px solid #dddede;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
}
.table__row .body__cell .sbar-row.last-row {
  border-bottom: none;
}
.table__row .body__cell .sbar-row.is-non-profile-row {
  padding-top: 0;
}
.table__row .body__cell .row-profile-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-grow: 1;
}
.table__row .body__cell .row-colour-block {
  width: 5px;
  display: flex;
}
.table__row .cell-footer .pure-u.footer-actions {
  margin-right: 0;
  margin-bottom: 0;
  display: block;
}
.sbar-fields {
  width: 100%;
}
.sbar-fields:hover {
  cursor: pointer;
}
.meta__description {
  margin: 0 0 0.5em 0;
  font-size: 0.9em;
  color: #757575;
  display: flex;
  align-items: center;
}
.meta__description .spell-label-1 {
  margin: 0 1em 0 0;
}
.meta__description .spell-label-2 {
  margin: 0 2em 0 0;
}
.meta__description--empty {
  margin: 0 0 0.5em 0;
  font-size: 0.9em;
  color: #757575;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1em;
}
.meta__description--empty .spell-label-1 {
  margin: 0 1em 0 0;
}
.meta__description--empty .spell-label-2 {
  margin: 0 2em 0 0;
}
.row__role {
  padding: 0;
  margin: 0 1em 0 0;
  color: #212121;
  align-items: center;
  display: flex;
  font-weight: 500;
}
.edit-btn {
  display: flex;
  align-items: center;
}
.edit-btn .material-icons {
  font-size: 16px;
  margin: 0 0.2em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.body__patient-row .tasks-count-block {
  margin: 0.3em 0 0.8em 0;
}
.body__patient-row .tasks-count-block.label {
  color: #757575;
}
.body__patient-row .tasks-count-block:empty {
  height: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
}
.body__patient-row .ews-svg-block {
  margin: 0.3em 0 0 0;
  color: #757575;
}
.body__patient-row .ews-svg-block:empty {
  height: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
}
.body__patient-row .ews-svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  color: #757575;
}
.body__patient-row .ews-svg-wrapper .material-icons {
  font-size: 18px;
}
.body__patient-row .ews-svg-wrapper .ews-change-icon {
  display: flex;
  height: 24px;
  width: 24px;
  margin: 0 0 0 0.3em;
}
.body__patient-row .ews-svg-wrapper div {
  display: inherit;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.table__row .cell-footer[data-v-34268462] {
  padding: 0;
}
.table__row .cell-footer div[class^='pure-u'][data-v-34268462] {
  padding: 0;
}
.table__row .other-profiles-row[data-v-34268462] {
  margin: 1em 0 0 0;
  flex-direction: row;
  color: #757575;
}
.table__row .other-profiles-row .other-profiles-row__label[data-v-34268462] {
  margin: 0 0.5em 0 0;
  font-weight: 500;
}
.body__row[data-v-34268462] {
  margin: 0;
}
.body__cell[data-v-34268462] {
  flex-grow: 1;
}
.body__cell.hover[data-v-34268462]:hover {
  cursor: pointer;
}
.body__cell.column-bay-bed[data-v-34268462] {
  max-width: 90px;
  display: flex;
}
.body__cell.column-patient[data-v-34268462] {
  display: flex;
  max-width: 300px;
  flex-direction: column;
}
.body__cell.column-patient .meta__name[data-v-34268462] {
  width: 100%;
  margin: 0 0 1em 0;
}
.body__cell.column-patient .meta__identifiers[data-v-34268462] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  word-break: break-all;
  word-wrap: break-word;
  width: 100%;
}
.body__cell.column-select[data-v-34268462] {
  max-width: 25px;
  display: flex;
}
.body__cell.column-actions[data-v-34268462] {
  max-width: 45px;
  display: flex;
}
.body__cell.sbar-wrapper[data-v-34268462] {
  align-content: flex-start;
}
.meta__clinician[data-v-34268462] {
  margin: 0.3em 0 0 0;
}
.meta__admission-date[data-v-34268462] {
  display: inline-flex;
  margin: 0.3em 0 0 0;
  align-items: baseline;
  flex-flow: wrap;
}
.meta__admission-date .length-of-stay-label[data-v-34268462] {
  margin: 0 0 0 0.2em;
  font-size: 0.9em;
  color: #757575;
}
.meta__admission-date .length-of-stay-label.admitted-last-day[data-v-34268462] {
  border-radius: 15%;
  align-content: center;
  align-self: flex-start;
  background: #ffcc00;
  padding: 0.3em 0.5em;
}
.clinical-tag-wrapper[data-v-34268462] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 0;
  margin: 2em 0 0 0;
  width: 100%;
}
.popover-trigger[data-v-34268462]:hover {
  color: #3572b0;
  cursor: pointer;
}
.ui-modal[data-v-34268462] {
  letter-spacing: normal;
}
.ui-modal.ui-modal--size-small.is-open .ui-modal__container[data-v-34268462] {
  width: 36rem;
}
.ui-modal .ui-modal__body[data-v-34268462]::after,
.ui-modal:not(.has-footer) .ui-modal__body[data-v-34268462]::after {
  padding-bottom: 0;
}
.ui-modal .modal__footer[data-v-34268462] {
  text-align: center;
  margin: 0 auto;
}
div.ui-modal p[data-v-34268462] {
  margin-top: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-list-wrapper .filters-wrapper {
  display: flex;
  box-sizing: border-box;
  padding: 0 0.5em;
  height: 55px;
  max-height: 55px;
  margin: 0 0 0.5em 0;
}
.patient-list-wrapper .row {
  border-right: 1px solid #dddede;
  margin: 0 0.5em 0 0;
  padding: 0 0.5em 0 0;
  min-height: 20px;
}
.patient-list-wrapper .row .ui-select {
  flex-grow: 1;
  width: 100%;
}
.patient-list-wrapper .population-search {
  flex: inherit;
}
.patient-list-wrapper .population-search.inline-row {
  align-items: baseline;
  padding: 0;
}
.patient-list-wrapper .population-search.inline-row .row {
  width: 190px;
  flex-grow: unset;
  margin: 0;
  padding: 0 0.5em;
  align-items: baseline;
}
.patient-list-wrapper .patient-tags-search {
  padding: 0;
  align-items: baseline;
  flex: inherit;
  flex: 0 auto;
}
.patient-list-wrapper .patient-tags-search .row {
  display: flex;
  width: 190px;
  margin: 0;
  padding: 0 0.5em;
}
.patient-list-wrapper .select-item.material-icons {
  color: #757575;
  opacity: 0.9;
}
.patient-list-wrapper .select-item.material-icons.active {
  color: #3572b0;
}
.patient-list-wrapper .select-item.material-icons:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.table-loader-wrapper[data-v-13ffc3d4] {
  padding: 0.8em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-head-wrapper[data-v-13ffc3d4] {
  display: flex;
  flex-flow: row;
  border-bottom: 1px solid #dddede;
}
.list-head-wrapper.has-filters-visible[data-v-13ffc3d4] {
  flex-flow: column;
}
.list-head-wrapper .head-filter-toggle-btn[data-v-13ffc3d4] {
  color: #3572b0;
  margin: 0 0 0 1.6em;
  font-weight: 500;
}
.list-head-wrapper .head-filter-toggle-btn[data-v-13ffc3d4]:hover {
  cursor: pointer;
}
.list-head-wrapper .view-title--team-wrapper[data-v-13ffc3d4] {
  display: flex;
  align-items: baseline;
  width: 100%;
}
.list-head-wrapper .title-patient-list-links[data-v-13ffc3d4] {
  display: flex;
}
.list-head-wrapper .title-patient-list-links .link[data-v-13ffc3d4] {
  color: #3572b0;
}
.list-head-wrapper .title-patient-list-links .link.active[data-v-13ffc3d4] {
  color: #212121;
}
.list-head-wrapper .title-patient-list-links .link.active[data-v-13ffc3d4]:hover {
  cursor: default;
}
.list-head-wrapper .title-patient-list-links .link[data-v-13ffc3d4]:hover {
  cursor: pointer;
}
.list-head-wrapper .title-patient-list-links .link-divider[data-v-13ffc3d4] {
  margin: 0 0.5em;
}
.list__filters-wrap[data-v-13ffc3d4] {
  padding: 0 1em 0 0;
  margin: 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
}
.filterBlock.end[data-v-13ffc3d4] {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.u-data-table--default[data-v-13ffc3d4] {
  margin-bottom: 0;
}
.u-data-table--default .table__head.has-scroll[data-v-13ffc3d4] {
  width: calc(100% - 15px);
}
.u-data-table--default .table__head div[class*='pure-u'][data-v-13ffc3d4] {
  flex-grow: 1;
}
.u-data-table--default .table__head .column-bay-bed[data-v-13ffc3d4] {
  display: flex;
}
.u-data-table--default .table__head .column-patient[data-v-13ffc3d4] {
  display: flex;
  max-width: 300px;
}
.u-data-table--default .table__head .column-bay-bed[data-v-13ffc3d4] {
  max-width: 90px;
  display: flex;
}
.u-data-table--default .table__head .column-select[data-v-13ffc3d4] {
  max-width: 25px;
  display: flex;
}
.u-data-table--default .table__head .column-actions[data-v-13ffc3d4] {
  max-width: 45px;
  display: flex;
}
.u-data-table--default .table__body[data-v-13ffc3d4] {
  margin-bottom: 2em;
}
.u-data-table--default .table__body .body__site-row[data-v-13ffc3d4] {
  padding: 0.5em;
  background: rgba(3, 123, 193, 0.12);
  box-sizing: border-box;
  font-weight: 500;
  border-bottom: 1px solid #dddede;
}
.u-data-table--default .table__row .clinical-tag-wrapper[data-v-13ffc3d4] {
  margin-top: 0;
}
.u-data-table--default .table__results-end[data-v-13ffc3d4] {
  margin-bottom: 5em;
}
.row-identifiers-wrapper[data-v-13ffc3d4] {
  font-weight: 500;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.row-identifiers-wrapper div[data-v-13ffc3d4] {
  display: flex;
  align-self: flex-start;
  margin: 0 0.5em 0 0;
}
.row-identifiers-wrapper .identifier-label[data-v-13ffc3d4] {
  margin: 0 0.5em 0 0;
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
}
.row-identifiers-wrapper .identifier-label.first[data-v-13ffc3d4] {
  margin-left: 0;
  padding-left: 0;
}
.patientBanner__actions[data-v-13ffc3d4] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  position: relative;
}
.list-edit-wrapper[data-v-13ffc3d4] {
  padding: 1em;
  border-bottom: 1px solid #dddede;
}
.btn-print-list[data-v-13ffc3d4] {
  margin: 0 0.5em 0 0;
  color: #757575;
}
.btn-print-list i[data-v-13ffc3d4] {
  font-size: 18px;
  position: relative;
  top: 2px;
}
.btn-print-list[data-v-13ffc3d4]:hover {
  cursor: pointer;
  color: #3572b0;
}
.bay-sort-icon[data-v-13ffc3d4] {
  font-size: 22px;
  color: #3572b0;
  fill: #3572b0;
}
/*For refactor*/
.slim-list-row-sentinel[data-v-13ffc3d4] {
  padding: 1em 0 0 0;
  min-height: 50px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.c-row-item[data-v-4a0d9952] {
  line-height: 1.5em;
  padding: 0.5em 1em;
  display: flex;
  border-top: 1px solid #dddede;
  box-sizing: border-box;
}
.c-row-item.is-active[data-v-4a0d9952] {
  background: rgba(3, 123, 193, 0.12);
}
.c-row-item[data-v-4a0d9952]:hover {
  cursor: pointer;
  background: rgba(3, 123, 193, 0.12);
}
.c-row-item__label[data-v-4a0d9952] {
  margin: 0 0.3em 0 0;
}
.c-row-item__row[data-v-4a0d9952] {
  display: flex;
  flex-flow: column;
}
.c-row-item__row--r[data-v-4a0d9952] {
  display: flex;
  flex-flow: column;
  flex-flow: row;
}
.c-row-row-item__meta-block[data-v-4a0d9952] {
  display: flex;
  flex-flow: column;
  flex-basis: 90%;
}
.c-row-row-item__meta-block .ews-svg-wrapper[data-v-4a0d9952] {
  justify-content: flex-start;
  margin-left: 0.2em;
}
.c-row-row-item__smart-icon[data-v-4a0d9952] {
  position: relative;
  right: -0.3em;
}
.c-row-row-item__type-block[data-v-4a0d9952] {
  display: flex;
  flex-basis: 10%;
  align-items: flex-start;
  justify-content: flex-end;
  color: #757575;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.patient-list-view-wrapper .clinical-tag {
  display: inline-flex;
}
.patient-list-view-wrapper .row {
  border-right: 1px solid #dddede;
  margin: 0 0.5em 0 0;
  padding: 0 0.5em 0 0;
  min-height: 20px;
}
.patient-list-view-wrapper .row .ui-select {
  flex-grow: 1;
  width: 100%;
}
.patient-list-view-wrapper .population-search {
  flex: inherit;
}
.patient-list-view-wrapper .population-search.inline-row {
  align-items: baseline;
  padding: 0;
}
.patient-list-view-wrapper .population-search.inline-row .row {
  width: 190px;
  flex-grow: unset;
  margin: 0;
  padding: 0 0.5em;
  align-items: baseline;
}
.patient-list-view-wrapper .patient-tags-search {
  padding: 0;
  align-items: baseline;
  flex: 0 auto;
}
.patient-list-view-wrapper .patient-tags-search .row {
  display: flex;
  width: 190px;
  margin: 0;
  padding: 0 0.5em;
}
.patient-list-view-wrapper .length-of-stay-wrapper {
  display: flex;
  flex-flow: column;
}
.patient-list-view-wrapper .length-of-stay-label {
  margin: 0.5em 0 0 0;
  font-size: 0.9em;
  color: #757575;
}
.patient-list-view-wrapper .length-of-stay-label.admitted-last-day {
  border-radius: 15%;
  align-content: center;
  align-self: flex-start;
  background: #ffcc00;
  padding: 0.3em 0.5em;
  width: fit-content;
}
.patient-list-view-wrapper .ews-svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 0;
  color: #757575;
}
.patient-list-view-wrapper .ews-svg-wrapper .material-icons {
  font-size: 18px;
}
.patient-list-view-wrapper .ews-svg-wrapper .ews-change-icon {
  display: flex;
  height: 24px;
  width: 24px;
  margin: 0 0 0 0.3em;
}
.patient-list-view-wrapper .ews-svg-wrapper div {
  display: inherit;
}
.patient-list-view-wrapper .select-item.material-icons {
  color: #757575;
  opacity: 0.9;
}
.patient-list-view-wrapper .select-item.material-icons.active {
  color: #3572b0;
}
.patient-list-view-wrapper .select-item:hover {
  cursor: pointer;
}
.patient-list-view-wrapper .select-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.patient-list-view-wrapper .select-item-wrapper i.fa {
  color: #757575;
}
.patient-list-view-wrapper .bay-sort-icon {
  font-size: 22px;
  color: #3572b0;
  fill: #3572b0;
}
.patient-list-view-wrapper .meta-wrapper {
  display: flex;
}
.patient-list-view-wrapper .meta-wrapper .meta-label {
  margin: 0 0.2em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.clinical-tag[data-v-1d35fcc9] {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #999999;
  background: #fff;
  padding: 0.4em;
  margin: 0 0.25em 0.5em 0;
  line-height: 1.1em;
  position: relative;
  font-size: 0.8em;
  flex-flow: nowrap;
}
.clinical-tag .label[data-v-1d35fcc9] {
  display: flex;
  order: 0;
}
.clinical-tag .remove[data-v-1d35fcc9] {
  display: flex;
  order: 1;
  line-height: 13px;
}
.clinical-tag .remove.material-icons[data-v-1d35fcc9] {
  font-size: 13px;
}
.clinical-tag .remove[data-v-1d35fcc9]:hover {
  color: #037bc1;
  cursor: pointer;
}
.clinical-tag.is-other-team-tag[data-v-1d35fcc9] {
  background: #fff;
  border: 1px solid #dddede;
}
.clinical-tag .tag-meta[data-v-1d35fcc9] {
  display: flex;
  color: #757575;
  font-size: 0.9em;
}
.clinical-tag .tag-remove-trigger[data-v-1d35fcc9] {
  display: flex;
}
.clinical-tag .tag-remove-trigger .btn--plain[data-v-1d35fcc9] {
  height: 13px;
}
.clinical-tag .tag-remove-trigger .btn--plain.drop-enabled .material-icons[data-v-1d35fcc9] {
  color: #037bc1;
}
.clinical-tag .material-icons[data-v-1d35fcc9] {
  color: #757575;
  font-size: 13px;
}
.clinical-tag[data-v-1d35fcc9]:hover {
  cursor: pointer;
}
.clinical-tag .tag-added-date[data-v-1d35fcc9] {
  display: flex;
  font-size: 0.9em;
  padding: 0 0.3em;
}
.removal-reason-input .ui-textbox[data-v-1d35fcc9] {
  margin-bottom: 1em;
  margin-top: 2em;
}
.patient-list-view-wrapper[data-v-1d35fcc9] {
  display: flex;
  flex: 1;
  flex-flow: column;
}
.list-data-wrapper[data-v-1d35fcc9] {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 0.5em;
}
.filters-wrapper[data-v-1d35fcc9] {
  display: flex;
  box-sizing: border-box;
  padding: 0 0.5em;
  height: 55px;
  max-height: 55px;
  margin: 0 0 0.5em 0;
}
.list-edit-wrapper[data-v-1d35fcc9] {
  padding: 0 1em;
  box-sizing: border-box;
}
.manage-list-wrapper[data-v-1d35fcc9] {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.btn-print-list[data-v-1d35fcc9] {
  margin: 0 0.5em 0 0;
  color: #757575;
}
.btn-print-list i[data-v-1d35fcc9] {
  font-size: 18px;
  position: relative;
  top: 2px;
}
.btn-print-list[data-v-1d35fcc9]:hover {
  cursor: pointer;
  color: #3572b0;
}
.slim-list-view[data-v-1d35fcc9] {
  display: flex;
  flex-flow: row;
  height: 100%;
  flex-grow: 1;
}
.slim-list-view .slim-list-row[data-v-1d35fcc9] {
  display: flex;
  max-width: 300px;
  min-width: 300px;
  width: 300px;
  flex-direction: column;
  border-right: 1px solid #dddede;
}
.slim-list-view .slim-list-patient[data-v-1d35fcc9] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.slim-list-view .slim-list-row--empty[data-v-1d35fcc9] {
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.slim-list-view .slim-list-row-sentinel[data-v-1d35fcc9] {
  padding: 1em 0 0 0;
  min-height: 50px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.directory-item[data-v-02943344] {
  display: flex;
  padding: 0.8em;
  border-bottom: 1px solid #dddede;
}
.directory-item[data-v-02943344]:hover {
  cursor: pointer;
  background: rgba(3, 123, 193, 0.12);
}
.directory-item.active[data-v-02943344] {
  background: rgba(3, 123, 193, 0.12);
}
.directory-item .item-meta[data-v-02943344] {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  width: calc(100% - 47px);
}
.directory-item .name-duty-wrapper[data-v-02943344] {
  display: flex;
  align-items: center;
  margin: 0 0 0.3em 0;
}
.directory-item .meta-name[data-v-02943344] {
  font-size: 1.1em;
  font-weight: 500;
  display: flex;
}
.directory-item .meta-last-online[data-v-02943344] {
  color: #757575;
  margin: 0.2em 0 0.2em 0;
  display: flex;
  align-items: center;
}
.directory-item .meta-duty-status[data-v-02943344] {
  text-transform: uppercase;
  margin: 0;
  display: flex;
  align-self: flex-end;
  margin-left: auto;
  min-width: 75px;
  height: 100%;
  align-content: center;
  align-items: center;
}
.directory-item .meta-role-label[data-v-02943344] {
  text-transform: uppercase;
  margin: 0.3em 0;
}
.is-off-duty[data-v-02943344] {
  opacity: 0.4;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.directory-wrapper[data-v-29eadfb4] {
  display: flex;
  flex-flow: column;
  flex-basis: 100%;
  box-sizing: border-box;
}
.directory-wrapper.no-search-filters .directory-list[data-v-29eadfb4] {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.directory-list[data-v-29eadfb4] {
  border-right: 1px solid #dddede;
  min-width: 340px;
  max-width: 340px;
  width: 340px;
}
.list-filters[data-v-29eadfb4] {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
  padding: 0.3em 0.8em 0.5em 0.8em;
}
.list-filters .row[data-v-29eadfb4] {
  height: 46px;
  flex-flow: row;
  display: flex;
  align-items: flex-end;
}
.list-filters .row[data-v-29eadfb4]:first-child {
  margin-bottom: 0.3em;
}
.list-filters .ui-select[data-v-29eadfb4] {
  margin-bottom: 0;
  padding-bottom: 0;
  flex: 1 100%;
}
.list-filters .ui-textbox[data-v-29eadfb4] {
  margin-bottom: 0;
  padding-bottom: 0;
  flex: 1 100%;
}
.clear-btn[data-v-29eadfb4]:hover {
  cursor: pointer;
}
.clear-btn .material-icons[data-v-29eadfb4] {
  font-size: 18px;
}
.directory-body[data-v-29eadfb4] {
  display: flex;
}
.directory-body .directory-item[data-v-29eadfb4] {
  display: flex;
  flex: 1 100%;
}
.loader-wrapper[data-v-29eadfb4] {
  box-sizing: border-box;
  padding: 0.8em;
}
.sentinel-wrapper[data-v-29eadfb4] {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
}
.strip-loader[data-v-29eadfb4] {
  min-height: 3.25px;
}
.view-title--team-wrapper[data-v-29eadfb4] {
  border-bottom: 1px solid #dddede;
  box-sizing: border-box;
}
.team-directory-title[data-v-29eadfb4] {
  justify-content: space-between;
  display: flex;
  flex: 1 100%;
  box-sizing: border-box;
}
.team-directory-title .title-actions[data-v-29eadfb4] {
  display: flex;
  font-size: 13px;
}
.team-tags-wrapper[data-v-6663ba1c] {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  margin-left: 1em;
}
.tag-item[data-v-6663ba1c]:hover {
  cursor: pointer;
}
.tag-list[data-v-6663ba1c] {
  margin-bottom: 5em;
  padding: 0 0 0 0.5em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.saved-item-wrapper[data-v-50f12fab] {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: row;
  padding: 1.5em 0.5em 1.5em 0;
  box-sizing: border-box;
  min-height: 58px;
  border-bottom: 1px solid #dddede;
}
.saved-item-wrapper[data-v-50f12fab]:last-of-type {
  margin-bottom: 5em;
}
.saved-item-wrapper .u-strong[data-v-50f12fab] {
  color: #037bc1;
}
.saved-item-wrapper.is-removing .item-row[data-v-50f12fab] {
  text-decoration: line-through;
}
.saved-item-wrapper .staged-item[data-v-50f12fab] {
  position: absolute;
  top: 0;
  left: 0;
  color: #46a728;
  font-style: italic;
}
.row-meta[data-v-50f12fab] {
  margin: 0.5em 0 0 0;
  color: #757575;
}
.item-row[data-v-50f12fab] {
  flex-basis: 90%;
  flex-grow: 1;
  word-break: break-word;
  word-wrap: break-word;
}
.item-actions[data-v-50f12fab] {
  display: flex;
  margin-left: auto;
  align-items: flex-start;
}
.item-actions .material-icons[data-v-50f12fab] {
  font-size: 24px;
  text-decoration: none;
}
.item-actions .material-icons[data-v-50f12fab]:hover {
  color: #3572b0;
  cursor: pointer;
  text-decoration: none;
}
.item-actions .invalid-icon[data-v-50f12fab] {
  font-size: 24px;
  color: #ff5252;
}
.item-actions .invalid-icon[data-v-50f12fab]:hover {
  color: #ff5252;
}
.item-statement[data-v-50f12fab] {
  position: absolute;
  bottom: -9px;
  left: 48%;
  background: #fff;
  color: #3572b0;
  display: flex;
  padding: 0.2em;
  font-size: 1em;
  border-radius: 107%;
  justify-content: stretch;
  align-items: center;
  width: 17px;
  justify-content: center;
  align-content: center;
  font-weight: 500;
}
.advanced-items + .advanced-items[data-v-50f12fab]:before {
  content: ', ';
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.body__controls-advanced {
  display: flex;
  flex-direction: row;
  flex-flow: row nowrap;
  margin: 0 0 1em 0;
  min-height: 29px;
}
.body__controls-advanced .body__select-block {
  display: flex;
  flex-direction: row;
  margin: 0 1em 0 0;
}
.body__controls-advanced .body__select-block .ui-select {
  width: 100%;
  margin-bottom: 0;
}
.body__controls-advanced .body__select-block .ui-select.ui-select-status .ui-select__display .ui-select__display-value {
  color: #037bc1;
  font-weight: 500;
}
.body__controls-advanced .body__select-block .ui-button--type-secondary {
  margin-left: auto;
}
.body__controls-advanced .body__select-block.block--status .ui-select {
  min-width: 92px;
}
.body__controls-advanced .body__select-block .block-text-desc {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  white-space: nowrap;
  margin: 0 1em 0 0;
  align-items: center;
}
.body__controls-advanced .ui-select-location {
  min-width: 200px;
}
.body__controls-advanced .ui-select-location .site-label {
  box-sizing: border-box;
  font-weight: 500;
}
.body__controls-advanced .ui-select-location .area-label {
  box-sizing: border-box;
  padding-left: 0.5em;
}
.body__controls-advanced .ui-select-location .is-disabled {
  color: #757575;
}
.body__controls-advanced .ui-select-location .is-disabled:hover {
  cursor: not-allowed;
}
.body__controls-advanced .ui-select-consultant {
  min-width: 200px;
}
.body__controls-advanced .ui-select-consultant .is-disabled {
  color: #757575;
}
.body__controls-advanced .ui-select-consultant .is-disabled:hover {
  cursor: not-allowed;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.team-smart-list-wrapper i.material-icons.selected-icon {
  font-size: 24px;
  position: relative;
  top: 6px;
}
.team-smart-list-wrapper .ui-select .is-disabled {
  color: #757575;
  font-weight: 400;
}
.team-smart-list-wrapper .ui-select .is-disabled:hover {
  cursor: not-allowed;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.blue-emph-text[data-v-39b5d112] {
  color: #037bc1;
  font-weight: 500;
}
.team-smart-list-wrapper[data-v-39b5d112] {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 1em;
  box-sizing: border-box;
}
.list-grid__nav[data-v-39b5d112] {
  display: flex;
  flex-direction: row;
  margin: 0 0 4em 0;
  border-bottom: 1px solid #c7d8e9;
}
.nav__item[data-v-39b5d112] {
  display: flex;
  padding: 1.2em 1.3em 1.1em 1.3em;
  text-transform: uppercase;
  color: #3572b0;
  font-weight: 400;
  border-bottom: 3px solid #fff;
}
.nav__item.active[data-v-39b5d112] {
  font-weight: 500;
  color: #212121;
  border-bottom: 3px solid #c7d8e9;
}
.nav__item[data-v-39b5d112]:hover {
  cursor: pointer;
}
.list-grid__body-wrapper[data-v-39b5d112] {
  max-width: 60%;
  padding: 0;
}
@media (min-width: 0) and (max-width: 80em) {
.list-grid__body-wrapper[data-v-39b5d112] {
    max-width: 100%;
}
}
.body__controls[data-v-39b5d112] {
  display: flex;
  flex-direction: row;
  flex-flow: row nowrap;
  margin: 0 0 2em 0;
  min-height: 29px;
}
.body__saved-items[data-v-39b5d112] {
  display: flex;
  flex-direction: column;
}
.body__select-block[data-v-39b5d112] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.body__select-block .ui-select[data-v-39b5d112] {
  width: 100%;
  margin: 0 1em 0 1em;
}
.body__select-block .ui-select.ui-select-clinician[data-v-39b5d112] {
  min-width: 200px;
}
.body__select-block .block-text-desc[data-v-39b5d112] {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  white-space: pre;
  align-items: center;
}
.body__selections[data-v-39b5d112] {
  font-size: 1.1em;
  align-items: center;
}
.body__selections .u-strong[data-v-39b5d112] {
  color: #037bc1;
}
.body__selections .material-icons[data-v-39b5d112] {
  top: 6px;
  position: relative;
}
.body__actions[data-v-39b5d112] {
  margin: 3em 0 0 0;
  padding: 0 0 8em 0;
}
.body__actions .actions__row-1[data-v-39b5d112] {
  margin: 0 0 3em 0;
}
.ui-select-location[data-v-39b5d112] {
  min-width: 200px;
}
.ui-select-location .site-label[data-v-39b5d112] {
  box-sizing: border-box;
  font-weight: 500;
}
.ui-select-location .area-label[data-v-39b5d112] {
  box-sizing: border-box;
  padding-left: 0.5em;
}
.ui-select-location .is-disabled[data-v-39b5d112] {
  color: #ff5252;
}
.ui-select-location .is-disabled .site-label[data-v-39b5d112] {
  color: #757575;
  font-weight: 400;
}
.ui-select-location .is-disabled[data-v-39b5d112]:hover {
  cursor: not-allowed;
}
.type-toggle-btn[data-v-39b5d112] {
  margin: 0 0 0 2em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.profile-item[data-v-386e2201] {
  display: flex;
  border-bottom: 1px solid #dddede;
  padding: 0.3em 1em;
  flex-basis: 100%;
  align-items: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                              supported by Chrome and Opera */
}
.profile-item[data-v-386e2201]:last-of-type {
  border-bottom: none;
}
.profile-name[data-v-386e2201] {
  font-weight: 500;
}
.profile-blob[data-v-386e2201] {
  border-radius: 30px;
  height: 30px;
  width: 30px;
  margin: 0 1em 0 0;
  align-items: center;
  display: flex;
}
.profile-handle[data-v-386e2201] {
  overflow: hidden;
  max-width: 24px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                              supported by Chrome and Opera */
  cursor: pointer;
}
.profile-handle[data-v-386e2201]:hover {
  cursor: pointer;
  color: #3572b0;
}
.profile-handle.is-disabled[data-v-386e2201] {
  color: #757575;
  cursor: auto;
}
.profile-handle.is-disabled[data-v-386e2201]:hover {
  cursor: auto;
  color: #757575;
}
.item-meta[data-v-386e2201] {
  display: flex;
  align-items: center;
}
.item-actions[data-v-386e2201] {
  margin-left: auto;
  display: flex;
}
.item-actions.is-disabled .ui-switch[data-v-386e2201] {
  margin-right: 24px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.loader-wrapper[data-v-aee037fa] {
  padding: 0 1em;
}
.profiles-header[data-v-aee037fa] {
  display: flex;
  padding: 0 1em;
  box-sizing: border-box;
  flex-direction: column;
}
.profiles-wrapper[data-v-aee037fa] {
  padding: 0;
  margin: 0;
  max-width: 600px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.alert-item[data-v-a6afa7c0] {
  box-sizing: border-box;
  padding: 0;
}
.alert-item.is-struck-through .alert-item-subject-txt[data-v-a6afa7c0],
.alert-item.is-struck-through .alert-item-topic[data-v-a6afa7c0],
.alert-item.is-struck-through .item-body-text[data-v-a6afa7c0] {
  text-decoration: line-through;
}
.alert-item .is-struck-through-meta[data-v-a6afa7c0] {
  color: #ff5252;
  margin: 0.5em 0 0 0;
}
.alert-item-body[data-v-a6afa7c0] {
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
}
.notify-date[data-v-a6afa7c0] {
  padding: 0.5em 0;
}
.alert-item-topic[data-v-a6afa7c0] {
  display: flex;
  align-items: center;
}
.alert-item-subject[data-v-a6afa7c0] {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
  width: 99%;
}
.item-is-read[data-v-a6afa7c0] {
  color: #757575;
  display: flex;
  justify-content: center;
  margin-left: auto;
  flex-flow: column;
  align-items: center;
  text-decoration: none;
}
.item-is-read .material-icons[data-v-a6afa7c0] {
  font-size: 19px;
  opacity: 0.3;
}
.body-wrapper[data-v-a6afa7c0] {
  display: flex;
  flex-flow: row;
  border-top: 1px solid #dddede;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  width: 100%;
  overflow: auto;
}
.body-wrapper .body-col-1[data-v-a6afa7c0] {
  display: flex;
  flex-flow: column;
  flex-basis: 70%;
  padding: 0 3em 3em 0;
  box-sizing: border-box;
  overflow: auto;
}
.body-wrapper .body-col-2[data-v-a6afa7c0] {
  display: flex;
  flex-flow: column;
}
.body-wrapper .body-col-2 .viewed-by-wrapper[data-v-a6afa7c0] {
  flex-direction: column;
  margin: 1em 0 0 0;
}
.body-wrapper .body-col-2 .viewed-by-wrapper .viewed-by-row[data-v-a6afa7c0] {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0 0 0.8em 0;
}
.body-wrapper .item-body-text[data-v-a6afa7c0] {
  padding: 0 0 0.5em 0;
  white-space: pre-line;
  line-height: 1.2em;
}
.body-wrapper .event-date[data-v-a6afa7c0] {
  color: #757575;
  padding: 1em 0;
}
.body-wrapper .comment-author[data-v-a6afa7c0] {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0.8em 0 0 0;
  justify-content: flex-start;
  color: #757575;
  font-size: 0.9em;
}
.body-wrapper .comment-block[data-v-a6afa7c0] {
  background: #f0f5fa;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
.body-wrapper .comment-block .is-struck-through-meta[data-v-a6afa7c0] {
  margin: 0;
}
.body-wrapper .comment-body[data-v-a6afa7c0] {
  display: flex;
  justify-content: space-between;
}
.body-wrapper .comment-body .comment-text[data-v-a6afa7c0] {
  white-space: pre-line;
  line-height: 1.5em;
}
.body-wrapper .comment-body .comment-text.is-struck-through[data-v-a6afa7c0] {
  text-decoration: line-through;
}
.body-wrapper .comment-body .meta-author-wrapper[data-v-a6afa7c0] {
  padding: 0 0 0 0;
}
.body-wrapper .comments-actions[data-v-a6afa7c0] {
  margin: 0 0 0.5em 0;
  font-weight: 500;
}
.subscription-item:hover {
  cursor: default;
}
.subscription-item .ui-checkbox__label-text {
  margin: 0 0 0 1em;
}
.subscription-item .ui-checkbox.is-disabled .ui-checkbox__label-text {
  color: unset;
  color: inherit;
}
.subscription-item .ui-checkbox.is-disabled .ui-checkbox__checkmark::before {
  background: rgba(0, 0, 0, 0.26);
  border: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.subscription-item[data-v-4da69982] {
  min-height: 44px;
}
.subscription-item.is-active[data-v-4da69982] {
  background: rgba(3, 123, 193, 0.12);
}
.item-colour-block[data-v-4da69982] {
  width: 22px;
  height: 22px;
  display: flex;
  border-radius: 50%;
}
.user-name[data-v-4da69982] {
  font-weight: 500;
}
.edit-wrapper[data-v-4da69982] {
  display: flex;
  justify-content: center;
}
.edit-wrapper .edit-item[data-v-4da69982] {
  margin: 0 auto;
}
.edit-wrapper .edit-item[data-v-4da69982]:hover {
  cursor: pointer;
}
.is-loading[data-v-8c7faa1e] {
  padding: 1em;
}
fieldset[disabled] .vue-swatches{pointer-events:none}.vue-swatches{position:relative;outline:none}.vue-swatches__trigger{display:inline-block;cursor:pointer}.vue-swatches__trigger.vue-swatches--is-empty{border:2px solid #ccc}.vue-swatches__trigger.vue-swatches--is-disabled{cursor:not-allowed}.vue-swatches__container{box-sizing:content-box;padding:5px}.vue-swatches__container:not(.vue-swatches--inline){position:absolute;display:block;overflow:auto;border-radius:5px;box-shadow:0 2px 3px hsla(0,0%,4%,.2),0 0 0 1px hsla(0,0%,4%,.2);z-index:50}.vue-swatches__wrapper{background-color:inherit}.vue-swatches__row{font-size:0}.vue-swatches__fallback__wrapper{display:table}.vue-swatches__fallback__input--wrapper{display:table-cell;padding-right:10px;width:100%;font-size:14px}.vue-swatches__fallback__input{width:100%;padding-top:6px;padding-bottom:6px;border-radius:5px;border:1px solid #dcdcdc;color:#35495e;background:#fff}.vue-swatches__fallback__button{display:table-cell;padding:6px 15px;border:0;cursor:pointer;font-weight:700;color:#fff;background-color:#3571c8;border-radius:5px}.vue-swatches-show-hide-enter-active,.vue-swatches-show-hide-leave-active{transition:all .3s ease}.vue-swatches-show-hide-enter,.vue-swatches-show-hide-leave-active{opacity:0}.vue-swatches--has-children-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.vue-swatches__diagonal--wrapper{width:100%;height:100%}.vue-swatches__diagonal{width:75%;height:75%;background:linear-gradient(to top right,transparent 0,transparent calc(50% - 2.4px),#de080a 50%,transparent calc(50% + 2.4px),transparent)}.vue-swatches__swatch{position:relative;font-size:0}.vue-swatches__swatch:focus,.vue-swatches__swatch:hover{opacity:.9;box-shadow:inset 0 0 2px rgba(0,0,0,.75);outline:none}.vue-swatches__swatch.vue-swatches__swatch--border,.vue-swatches__swatch.vue-swatches__swatch--selected{box-shadow:inset 0 0 2px rgba(0,0,0,.75)}.vue-swatches__swatch .vue-swatches__diagonal--wrapper{position:absolute}.vue-swatches__check__wrapper{position:absolute;width:100%;height:100%}.vue-swatches__check__circle{width:21px;height:21px;border-radius:50%;background-color:rgba(0,0,0,.15)}.vue-swatches__check__path{fill:#fff}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.subscriptions-create-edit-wrapper .ui-select.is-active:not(.is-disabled) .ui-select__display {
  border-bottom-width: 1px;
}
.subscriptions-create-edit-wrapper .ui-select-option.is-disabled {
  color: #757575;
}
.subscriptions-create-edit-wrapper .ui-select.has-deep-dropdown-list .ui-select__options {
  max-height: 25rem;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.block-header[data-v-68ccbc1a] {
  margin: 0 0 1em 0;
}
.title[data-v-68ccbc1a] {
  font-weight: 500;
}
.label[data-v-68ccbc1a] {
  display: flex;
  padding: 0 0 1em 0;
}
.label--light[data-v-68ccbc1a] {
  display: flex;
  padding: 0 0 1em 0;
  color: #757575;
}
.subscriptions-row[data-v-68ccbc1a] {
  margin: 0 0 2em 0;
  display: flex;
  flex-flow: column;
  max-width: 65%;
  box-sizing: border-box;
}
.subscriptions-row.flex-row[data-v-68ccbc1a] {
  flex-flow: row;
  align-items: center;
}
.subscriptions-row .ui-select[data-v-68ccbc1a] {
  width: 100%;
  flex-grow: 1;
}
.subscriptions-row .selected-icon[data-v-68ccbc1a] {
  margin: 0 0.2em 0 0;
  color: #757575;
}
.vue-swatches[data-v-68ccbc1a] {
  display: flex;
}
.vue-swatches .material-icons[data-v-68ccbc1a] {
  font-size: 16px;
  margin: 0 0.2em 0 0;
}
.item-colour-block[data-v-68ccbc1a] {
  width: 22px;
  height: 22px;
  display: flex;
  border-radius: 50%;
}
.item-colour-block[data-v-68ccbc1a]:hover {
  cursor: pointer;
}
.team-subscription-list-wrapper[data-v-68ccbc1a] {
  margin: 1em 0 1em 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.alerts-wrapper[data-v-54870600] {
  display: flex;
  flex-grow: 1;
  width: 100%;
}
.alerts-wrapper .is-struck-through-meta[data-v-54870600] {
  color: #ff5252;
  margin: 0 0 1em 0;
  text-decoration: none;
}
.alerts-wrapper .is-struck-through-meta[data-v-54870600]:empty {
  margin-bottom: 0;
}
.alertFeed__item.is-struck-through .alert-meta-wrapper .meta-wrapper-item[data-v-54870600],
.alertFeed__item.is-struck-through .alert-meta-wrapper .alertFeed__item-patient[data-v-54870600] {
  text-decoration: line-through;
}
.alertFeed__item.is-struck-through .alert-meta-wrapper .is-struck-through-meta[data-v-54870600] {
  margin: 0;
}
.alerts-main-wrapper[data-v-54870600] {
  flex-grow: 1;
}
.alerts-navigation[data-v-54870600] {
  display: flex;
  height: 100%;
}
.alerts-body-wrapper[data-v-54870600] {
  width: 100%;
  max-width: calc(100% - 45px);
}
.view-title--team-wrapper[data-v-54870600] {
  border-bottom: 1px solid #dddede;
  display: flex;
  justify-content: space-between;
}
.patient-data[data-v-54870600] {
  margin: 0 0.5em 0 0;
}
.clear-users[data-v-54870600] {
  margin: 0 1em 0 0;
}
.alertFeed__item-comment[data-v-54870600] {
  display: flex;
  flex-flow: wrap;
}
.alertFeed__item-comment.is-struck-through .comment-txt[data-v-54870600] {
  text-decoration: line-through;
}
.alertFeed__item-comment.is-struck-through .is-struck-through-meta[data-v-54870600] {
  margin: 0.5em 0;
}
.break[data-v-54870600] {
  flex-basis: 100%;
  height: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.u-unread-icon[data-v-089da172] {
  min-width: 10px;
}
.proportioned[data-v-089da172] {
  width: calc(100% - 45px);
  display: flex;
  flex-flow: wrap;
}
.wrapper[data-v-089da172] {
  display: flex;
  width: 100%;
}
.fluid[data-v-089da172] {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  align-items: center;
}
.fluid-contents[data-v-089da172] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.static-contents[data-v-089da172] {
  width: auto;
}
.message-item[data-v-089da172] {
  display: flex;
  align-items: center;
  padding: 0.5em 0.5em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
}
.message-item.active[data-v-089da172] {
  background: #d5f4ff;
}
.message-item[data-v-089da172]:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.05);
}
.recipient-line[data-v-089da172] {
  font-weight: 500;
}
.comment-line[data-v-089da172] {
  margin: 0.5em 0 0 0;
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.item-meta[data-v-089da172] {
  display: flex;
  flex-flow: column;
  flex: 1;
}
.meta-head[data-v-089da172] {
  display: flex;
  flex-flow: row;
  margin: 0 0 0.5em;
  align-items: center;
}
.message-date[data-v-089da172] {
  display: flex;
  justify-self: flex-end;
  margin-left: auto;
  font-size: 0.8em;
  padding: 0 0 0 1em;
  color: #757575;
  white-space: nowrap;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.thread-item[data-v-2bf1c88a] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 2em 1em;
  position: relative;
}
.thread-item.is-requesting-user[data-v-2bf1c88a] {
  justify-content: flex-end;
}
.thread-item.is-requesting-user .thread-body-wrapper[data-v-2bf1c88a] {
  background: #d5f4ff;
}
.thread-item .wrapper-body[data-v-2bf1c88a] {
  display: flex;
  position: relative;
  flex-flow: column;
  width: 100%;
  box-sizing: border-box;
}
.thread-body-wrapper[data-v-2bf1c88a] {
  display: flex;
  max-width: 65%;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 0.6em;
}
.thread-body[data-v-2bf1c88a] {
  display: flex;
  white-space: pre-wrap;
  flex-wrap: wrap;
  /* Handle wrapping in tables*/
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* word-break: break-all; */
  /* Instead use this non-standard one: */
  word-break: break-word;
  -ms-word-break: normal;
  /* MS IE supports hyphens */
  /* Adds a hyphen where the word breaks, if supported (No Blink - https://www.google.co.uk/search?q=blink+browsers&rlz=1C1CHBD_en-GBGB784GB784&oq=blink+browsers&aqs=chrome..69i57j0l2.5278j0j4&sourceid=chrome&ie=UTF-8) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.thread-meta[data-v-2bf1c88a] {
  color: #757575;
  font-size: 0.8em;
  margin: 0.3em 0 0 0;
  justify-content: flex-end;
  display: flex;
}
.read-count[data-v-2bf1c88a] {
  margin: 0 0 0 1em;
  display: flex;
  align-items: center;
}
.read-count[data-v-2bf1c88a]:hover {
  cursor: pointer;
}
.read-count i.read-checked[data-v-2bf1c88a] {
  color: #3572b0;
  font-weight: 900;
  font-size: 13px;
}
.read-by-date[data-v-2bf1c88a] {
  color: #757575;
  font-size: 0.9em;
  margin: 0.3em 0 0.3em 0;
}
.thread-message-sender[data-v-2bf1c88a] {
  margin: 0 0 0.3em 0;
  font-size: 0.9em;
  font-weight: 500;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.item[data-v-bebe4906] {
  display: flex;
  align-items: center;
  padding: 0.5em 0.5em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
}
.item.active[data-v-bebe4906] {
  background: #d5f4ff;
}
.item.is-clickable[data-v-bebe4906]:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.05);
}
.item-meta[data-v-bebe4906] {
  color: #757575;
  margin: 0.5em 0 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.chip-wrapper[data-v-197edac6] {
  display: inline-flex;
  flex-flow: row;
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
  font-weight: 400;
  border-radius: 28px;
  margin: 0.3em;
  white-space: nowrap;
  justify-content: space-between;
  cursor: default;
  height: 32px;
}
.chip-wrapper .chip-content[data-v-197edac6] {
  padding: 0 0.5em 0 0;
  display: inline-flex;
  align-items: center;
}
.chip-wrapper .chip-remove[data-v-197edac6] {
  margin: 0 0 0 0.5em;
  display: inline-flex;
  align-content: center;
  align-items: center;
}
.chip-wrapper .chip-remove i[data-v-197edac6] {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  font-size: 21px;
  cursor: pointer;
  opacity: 0.5;
}
.chip-wrapper .chip-remove i[data-v-197edac6]:hover {
  color: #212121;
  opacity: 1;
}
.avatar-img[data-v-197edac6] {
  border-radius: 50%;
  display: flex;
  margin: 0 0.5em 0 0;
  width: 32px;
  height: 32px;
}
.messages-wrapper .add-message-wrapper .ui-textbox .ui-textbox__textarea {
  max-height: 240px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.messages-wrapper[data-v-0cb6bc4e] {
  display: flex;
}
.col-1[data-v-0cb6bc4e] {
  display: flex;
  flex-basis: 25%;
  width: 25%;
  flex-flow: column;
  box-sizing: border-box;
}
.col-2[data-v-0cb6bc4e] {
  display: flex;
  flex-flow: column;
  flex-basis: 50%;
  width: 50%;
  border-left: 1px solid #dddede;
  border-right: 1px solid #dddede;
  padding: 0;
  box-sizing: border-box;
}
.col-3[data-v-0cb6bc4e] {
  display: flex;
  flex-flow: column;
  flex-basis: 25%;
  width: 25%;
  box-sizing: border-box;
}
.view-block__title--flat[data-v-0cb6bc4e] {
  margin: 0.8em 0 0.5em 0.5em;
}
.thread-date[data-v-0cb6bc4e] {
  color: #757575;
  display: flex;
  justify-content: center;
  margin: 0.8em 0 0.8em 0;
}
.add-message-wrapper[data-v-0cb6bc4e] {
  padding: 2em 1em;
  box-sizing: border-box;
  border-top: 1px solid #dddede;
}
.add-message-wrapper .ui-textbox .ui-textbox__textarea[data-v-0cb6bc4e] {
  max-height: 240px;
}
.add-message-wrapper .user-typing-wrapper[data-v-0cb6bc4e] {
  color: #757575;
  font-style: italic;
  font-size: 0.9em;
  margin: 0 0 0.5em 0;
}
.compose-message-wrapper[data-v-0cb6bc4e] {
  padding: 1em;
  box-sizing: border-box;
  border-bottom: 1px solid #dddede;
  display: flex;
  flex-flow: row;
}
.compose-message-wrapper .cancel-message-compose-icon[data-v-0cb6bc4e]:hover {
  cursor: pointer;
  color: #3572b0;
}
.user-filter-wrapper[data-v-0cb6bc4e] {
  margin: 0;
  flex-grow: 1;
  display: flex;
  padding: 0 0 0 1em;
  box-sizing: border-box;
  flex-flow: row;
  align-items: flex-end;
}
.user-filter-wrapper .ui-textbox[data-v-0cb6bc4e] {
  flex-grow: 1;
  margin: 0;
}
.user-filter-wrapper .clear-btn[data-v-0cb6bc4e]:hover {
  cursor: pointer;
}
.user-filter-wrapper .clear-btn .material-icons[data-v-0cb6bc4e] {
  font-size: 18px;
}
.no-users-results-wrapper[data-v-0cb6bc4e] {
  display: flex;
  padding: 1em;
  box-sizing: border-box;
  justify-content: center;
}
.new-message-users-wrapper[data-v-0cb6bc4e] {
  display: flex;
  flex-flow: row;
  padding: 1em;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
}
.new-message-users-wrapper .user-wrapper[data-v-0cb6bc4e] {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0;
  align-self: flex-start;
}
.sentinel-wrapper[data-v-0cb6bc4e] {
  height: 55px;
  line-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
}
.strip-loader[data-v-0cb6bc4e] {
  min-height: 3.25px;
}
.update-profile-modal-wrapper .ui-autocomplete__clear-button {
  display: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.update-profile-modal-wrapper[data-v-17cc3b91] {
  padding-bottom: 3em;
}
.meta-block[data-v-17cc3b91] {
  margin: 0 0 2em 0;
}
.meta-block .meta-username[data-v-17cc3b91] {
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 0 0.5em 0;
}
.mandatory-label-wrapper[data-v-17cc3b91] {
  display: flex;
  margin: 0 0 0.5em 0;
  color: #757575;
  font-size: 0.9em;
}
.error[data-v-17cc3b91] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.avatar-canvas {
  /*custom class*/
}
.avatar-canvas.croppie-container .cr-boundary {
  margin: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.update-avatar-modal-wrapper[data-v-257d1588] {
  display: flex;
  flex-flow: column;
}
.remove-avatar-btn[data-v-257d1588] {
  display: flex;
  margin: 1em 0 0 0;
  color: #3572b0;
}
.remove-avatar-btn[data-v-257d1588]:hover {
  cursor: pointer;
}
.body-text[data-v-257d1588] {
  padding: 0 0 1em 0;
  border-bottom: 1px solid #dddede;
  margin: 0 0 2em 0;
}
.body-cols[data-v-257d1588] {
  display: flex;
  flex-flow: row;
}
.body-cols .col-1[data-v-257d1588] {
  display: flex;
  flex-basis: 60%;
  flex-wrap: wrap;
  padding: 0 1em 0 0;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: flex-start;
}
.body-cols .col-1 .ui-fileupload[data-v-257d1588] {
  font-size: 1.1em;
  margin: 0 0 2em 0;
  padding-left: 16px;
  padding-right: 16px;
}
.body-cols .col-2[data-v-257d1588] {
  display: flex;
  flex-basis: 40%;
  flex-flow: column;
  padding: 0 1em;
  box-sizing: border-box;
  align-items: center;
}
.image-edit-wrapper[data-v-257d1588] {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.cropped-img-canvas[data-v-257d1588] {
  display: none;
}
.coords-wrapper[data-v-257d1588] {
  display: flex;
  align-items: center;
  padding: 0 0 0 1em;
}
.invalid-wrapper[data-v-257d1588] {
  color: #ff5252;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.password-validity-wrapper[data-v-35383bd4] {
  display: flex;
  flex-direction: column;
  margin: 0 0 1em 0;
  /*font-weight: @font--light;*/
  font-size: 1em;
}
.password-validity-wrapper .title[data-v-35383bd4] {
  margin: 0 0 1em 0;
  font-weight: 500;
}
.password-validity-wrapper .validity__block[data-v-35383bd4] {
  margin: 0 0 0.2em 0;
  padding: 0;
  font-size: 1em;
  display: flex;
  justify-items: center;
  align-items: center;
}
.password-validity-wrapper .validity__block[data-v-35383bd4]:last-of-type {
  margin-bottom: 0;
}
.password-validity-wrapper .validity__block i.material-icons[data-v-35383bd4] {
  font-size: 13px;
  height: 9px;
  line-height: 9px;
  /*color: @shade-grey;*/
  position: relative;
  right: 3px;
}
.password-validity-wrapper .validity__block.is-valid i.material-icons[data-v-35383bd4] {
  color: #46a728;
}
.password-validity-wrapper .validity__block.hover[data-v-35383bd4]:hover {
  cursor: pointer;
}
.change-email-modal-wrapper .ui-textbox {
  max-width: 50%;
}
.change-email-modal-wrapper .ui-textbox__label {
  border-bottom: 1px solid transparent;
}
.change-email-modal-wrapper .is-active .ui-textbox__label {
  border-color: transparent;
}
.change-email-modal-wrapper .ui-textbox.is-active:not(.is-disabled) .ui-textbox__input,
.change-email-modal-wrapper .ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea {
  border-bottom-width: 1px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.change-email-modal-wrapper.user-is-verified[data-v-61a47d98] {
  min-height: 470px;
}
.error[data-v-61a47d98] {
  color: #ff5252;
  margin: 0 0 1em 0;
}
.title[data-v-61a47d98] {
  font-weight: 500;
}
.intro[data-v-61a47d98] {
  display: flow-root;
  margin: 0 0 1.1em 0;
}
.password-validity-wrapper[data-v-61a47d98] {
  margin: 1em 0 1em 0;
}
.intro-item-list[data-v-61a47d98] {
  list-style: square;
  margin: 1em 0 0 2em;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}
.intro-item-list li[data-v-61a47d98] {
  margin-bottom: 5px;
}
.block[data-v-61a47d98] {
  display: flex;
  flex-flow: column;
  min-height: 60px;
}
.password-inputs-wrap[data-v-61a47d98] {
  display: flex;
  flex-direction: row;
  user-select: none;
  min-height: 60px;
}
.password-inputs-wrap .visibility-icon-wrap[data-v-61a47d98] {
  display: flex;
  align-items: center;
  user-select: none;
  z-index: 10;
  /*Important, fixes Chrome hover issue*/
}
.password-inputs-wrap .visibility-icon-wrap i[data-v-61a47d98] {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  color: #757575;
}
.password-inputs-wrap .visibility-icon-wrap i[data-v-61a47d98]:hover {
  cursor: pointer;
  color: #212121;
}
.password-inputs-wrap .ui-textbox[data-v-61a47d98] {
  flex-basis: 95%;
}
.ui-modal.ui-modal--size-small.image-not-loaded {
  /*Important to wrap in custom class to prevent bleed*/
}
.ui-modal.ui-modal--size-small.image-not-loaded .ui-modal__footer {
  display: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.title-wrapper[data-v-95e8a188] {
  border-bottom: 1px solid #f3f3f3;
}
.my-profile[data-v-95e8a188] {
  display: flex;
  justify-content: center;
  padding: 0 1em 1em 1em;
  background: #f3f3f3;
  min-height: 100vh;
}
.profile-body[data-v-95e8a188] {
  background: #fff;
  padding: 1em 7em;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  flex-basis: 47%;
}
.header-wrapper[data-v-95e8a188] {
  margin: 0 0 3em 0;
  flex-flow: column;
  align-items: center;
  flex-flow: row;
  display: flex;
  justify-content: center;
  position: relative;
}
.meta-block[data-v-95e8a188] {
  margin: 0 0 3em 0;
  line-height: 1.5em;
}
.meta-block .meta-username[data-v-95e8a188] {
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 0 1em 0;
}
.view-block__title--small[data-v-95e8a188] {
  display: flex;
}
.empty-job-wrapper[data-v-95e8a188] {
  display: flex;
  margin: 1em 0 0 0;
}
.add-photo-btn[data-v-95e8a188] {
  display: flex;
  margin: 0.2em 0 0 0;
  justify-content: center;
  color: #757575;
}
.add-photo-btn .upload-icon[data-v-95e8a188] {
  font-size: 36px;
}
.add-photo-btn[data-v-95e8a188]:hover {
  cursor: pointer;
  color: #3572b0;
}
.join-teams-btn[data-v-95e8a188],
.edit-profile-teams-btn[data-v-95e8a188] {
  display: flex;
  margin-left: auto;
  color: #3572b0;
  justify-content: center;
}
.join-teams-btn[data-v-95e8a188]:hover,
.edit-profile-teams-btn[data-v-95e8a188]:hover {
  cursor: pointer;
}
@media (min-width: 0) and (max-width: 1280px) {
.profile-body[data-v-95e8a188] {
    flex-basis: 75%;
}
}
.email-pref-team-item .ui-select__display {
  border-bottom: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.row-block[data-v-92380234] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 0;
  border-bottom: 1px solid #dddede;
}
.row-block .ui-select[data-v-92380234] {
  margin-bottom: 0;
  min-width: 165px;
}
.email-pref-item .ui-select__display {
  border-bottom: none;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.title-wrapper[data-v-7770f3e6] {
  border-bottom: 1px solid #f3f3f3;
}
.email-prefs[data-v-7770f3e6] {
  display: flex;
  justify-content: center;
  padding: 0 1em 1em 1em;
  background: #f3f3f3;
  min-height: 100vh;
}
.email-prefs-body[data-v-7770f3e6] {
  background: #fff;
  padding: 1em 7em;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  flex-basis: 47%;
  margin-bottom: 4em;
}
.row[data-v-7770f3e6] {
  display: flex;
  flex-flow: column;
  margin: 0 0 3em 0;
}
.row-block[data-v-7770f3e6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.row-block .ui-select[data-v-7770f3e6] {
  margin-bottom: 0;
  min-width: 165px;
}
.row-title[data-v-7770f3e6] {
  display: flex;
  padding: 0.5em 0 1em 0;
  border-bottom: 1px solid #dddede;
}
@media (min-width: 0) and (max-width: 1280px) {
.email-prefs-body[data-v-7770f3e6] {
    flex-basis: 75%;
}
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.wrapper[data-v-7d5be282] {
  font-size: 1.1em;
}
.timer-label[data-v-7d5be282] {
  font-weight: 500;
}
.sign-in-wrapper p {
  margin-top: 0.5em;
}
.sign-in-wrapper .ui-textbox__input {
  font-size: 1.231em;
  /*16px enhanced per design*/
  padding-left: 7px;
}
.sign-in-wrapper .ui-textbox.has-floating-label .ui-textbox__label-text.is-inline {
  padding-left: 7px;
}
.sign-in-wrapper .ui-textbox__input,
.sign-in-wrapper .ui-textbox__textarea {
  background: none;
  border-color: rgba(0, 0, 0, 0.3);
  border-style: solid;
  border-width: 0.5px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 4px;
  cursor: auto;
  display: block;
  font-family: inherit;
  font-weight: normal;
  margin: 0;
  outline: none;
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  width: 100%;
}
.sign-in-wrapper .ui-textbox.is-active:not(.is-disabled) .ui-textbox__input,
.sign-in-wrapper .ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea {
  border-color: #2196f3 !important;
  border: 0.5px solid !important;
  border-radius: 4px;
}
.sign-in-wrapper .ui-textbox__input {
  height: 2rem;
}
.sign-in-wrapper .ui-textbox:hover:not(.is-disabled) .ui-textbox__input,
.sign-in-wrapper .ui-textbox:hover:not(.is-disabled) .ui-textbox__textarea {
  border-color: black;
  border: 0.5px solid !important;
  border-radius: 4px;
}
.sign-in-wrapper .password-no-border .ui-textbox__input,
.sign-in-wrapper .password-no-border .ui-textbox.is-active:not(.is-disabled) .ui-textbox__input,
.sign-in-wrapper .password-no-border .ui-textbox.is-active:not(.is-disabled) .ui-textbox__textarea,
.sign-in-wrapper .password-no-border .ui-textbox:hover:not(.is-disabled) .ui-textbox__input,
.sign-in-wrapper .password-no-border .ui-textbox:hover:not(.is-disabled) .ui-textbox__textarea {
  border-top: none;
  border-right: none;
}
.sign-in-wrapper .password-no-border .ui-textbox:hover:not(.is-disabled) .ui-textbox__input,
.sign-in-wrapper .password-no-border .ui-textbox:hover:not(.is-disabled) .ui-textbox__textarea {
  border: none;
}
.sign-in-wrapper .sign-in-panel__password-txt .ui-textbox__icon-wrapper {
  padding-top: 0;
}
.sign-in-wrapper .sign-in-panel__password-txt .ui-textbox__icon-wrapper .ui-icon {
  font-size: 25px;
  padding-top: 20px;
}
.sign-in-wrapper .sign-in-panel__email-txt .ui-textbox__icon-wrapper {
  padding-top: 0;
}
.sign-in-wrapper .sign-in-panel__email-txt .ui-textbox__icon-wrapper .ui-icon {
  font-size: 25px;
  padding-top: 18px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.landing-page[data-v-a6932cb4] {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  background: #44A292;
}
.background-image[data-v-a6932cb4] {
  flex-grow: 4;
  flex-shrink: 1;
  flex-basis: 0%;
}
.container--column-1__image--position[data-v-a6932cb4] {
  position: absolute;
}
.container--column-1__image--position[data-v-a6932cb4] {
  height: 100%;
}
.sign-in-wrapper[data-v-a6932cb4] {
  background: #44A292;
  flex-grow: 2;
  flex-shrink: 0;
  flex-basis: 0%;
  border-radius: 10px 0 0 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 30px;
}
.sign-in-wrapper p[data-v-a6932cb4] {
  margin-top: 0.5em;
  font-weight: normal;
}
.sign-in-wrapper .block[data-v-a6932cb4] {
  flex: 1 100%;
}
.sign-in-wrapper .sign-in-bg-top[data-v-a6932cb4] {
  min-height: 50px;
  max-height: 50px;
  height: 50px;
  flex: 1 100%;
  width: 100%;
  flex-shrink: 0;
}
.sign-in-wrapper .allowed-symbols p[data-v-a6932cb4] {
  margin-top: 0;
}
.sign-in-wrapper .sign-in-panel[data-v-a6932cb4] {
  width: 550px;
  max-width: 550px;
  height: auto;
  max-height: 700px;
  margin-top: 5px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  z-index: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 10px;
  flex-shrink: 0;
}
.sign-in-wrapper .sign-in-panel.has-status-update[data-v-a6932cb4] {
  margin-top: 1em;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel-title[data-v-a6932cb4] {
  padding: 0;
  margin: 0 0 1em 0;
  font-size: 1.8em;
  font-weight: 500;
  justify-content: center;
  text-align: center;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel-title.is-warning[data-v-a6932cb4] {
  color: #ffcc00;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel-title p[data-v-a6932cb4] {
  font-size: 12px;
}
.sign-in-wrapper .sign-in-panel .block[data-v-a6932cb4] {
  min-height: 55px;
  display: flex;
  flex-direction: column;
}
.sign-in-wrapper .sign-in-panel .block .ui-textbox[data-v-a6932cb4] {
  margin-bottom: 0;
}
.sign-in-wrapper .sign-in-panel .block[data-v-a6932cb4]:empty {
  min-height: 0;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel__email-txt[data-v-a6932cb4] {
  margin-bottom: 0;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel__email-txt .ui-textbox__icon-wrapper[data-v-a6932cb4] {
  padding-top: 0;
  margin-right: 10px;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel__email-txt .ui-textbox__icon-wrapper .ui-icon[data-v-a6932cb4] {
  font-size: 40px;
  margin-top: 11px;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel__email-error[data-v-a6932cb4] {
  flex-direction: column;
  padding-left: 50px;
  display: flex;
  box-sizing: border-box;
  margin: 0 0 1.5em 0;
  line-height: 1.1em;
}
.sign-in-wrapper .sign-in-panel .sign-in-panel__email-error.inline[data-v-a6932cb4] {
  padding-left: 0;
}
.sign-in-wrapper .sign-in-panel .login-help-btn[data-v-a6932cb4] {
  margin: 0.5em 0 0 0;
}
.sign-in-wrapper .sign-in-panel.no-inputs .sign-in-panel__actions[data-v-a6932cb4] {
  padding-left: 0;
}
.sign-in-wrapper .sign-in-panel .ui-textbox__content[data-v-a6932cb4] {
  min-height: auto;
}
.sign-in-wrapper .sign-in-panel .password-inputs-wrap[data-v-a6932cb4] {
  display: flex;
  flex-direction: row;
  user-select: none;
}
.sign-in-wrapper .sign-in-panel .password-inputs-wrap .visibility-icon-wrap[data-v-a6932cb4] {
  display: flex;
  align-items: center;
  user-select: none;
  z-index: 10;
  /*Important, fixes Chrome hover issue*/
}
.sign-in-wrapper .sign-in-panel .password-inputs-wrap .visibility-icon-wrap i[data-v-a6932cb4] {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  color: #757575;
}
.sign-in-wrapper .sign-in-panel .password-inputs-wrap .visibility-icon-wrap i[data-v-a6932cb4]:hover {
  cursor: pointer;
  color: #212121;
}
.sign-in-wrapper .sign-in-panel .password-inputs-wrap .ui-textbox[data-v-a6932cb4] {
  flex-basis: 95%;
}
.sign-in-wrapper .sign-in-panel__actions[data-v-a6932cb4] {
  padding: 1em 0 0 50px;
  display: flex;
  box-sizing: border-box;
}
.sign-in-wrapper .sign-in-panel__actions .ui-button[data-v-a6932cb4] {
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.sign-in-wrapper .sign-in-panel__actions .ui-button[data-v-a6932cb4]:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px rgba(255, 223, 0, 0.5);
  /* Gold shadow color */
}
.sign-in-wrapper .sign-in-panel__actions .btn--plain[data-v-a6932cb4] {
  color: #037bc1;
}
.sign-in-wrapper .sign-in-panel__actions .forgot[data-v-a6932cb4] {
  color: #037bc1;
}
.sign-in-wrapper .sign-in-panel__actions--spaced[data-v-a6932cb4] {
  padding: 1em 0 0 50px;
  display: flex;
  box-sizing: border-box;
  padding: 2em 0 0 0;
  justify-content: space-between;
}
.sign-in-wrapper .sign-in-panel__actions--spaced .ui-button[data-v-a6932cb4] {
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.sign-in-wrapper .sign-in-panel__actions--spaced .ui-button[data-v-a6932cb4]:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px rgba(255, 223, 0, 0.5);
  /* Gold shadow color */
}
.sign-in-wrapper .sign-in-panel__actions--spaced .btn--plain[data-v-a6932cb4] {
  color: #037bc1;
}
.sign-in-wrapper .sign-in-panel__actions--spaced .forgot[data-v-a6932cb4] {
  color: #037bc1;
}
.sign-in-wrapper .sign-in-panel__actions--wide[data-v-a6932cb4] {
  padding: 1em 0 0 50px;
  display: flex;
  box-sizing: border-box;
  padding: 2em 0 0 0;
}
.sign-in-wrapper .sign-in-panel__actions--wide .ui-button[data-v-a6932cb4] {
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.sign-in-wrapper .sign-in-panel__actions--wide .ui-button[data-v-a6932cb4]:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px rgba(255, 223, 0, 0.5);
  /* Gold shadow color */
}
.sign-in-wrapper .sign-in-panel__actions--wide .btn--plain[data-v-a6932cb4] {
  color: #037bc1;
}
.sign-in-wrapper .sign-in-panel__actions--wide .forgot[data-v-a6932cb4] {
  color: #037bc1;
}
.sign-in-wrapper .sign-in-panel__register-block[data-v-a6932cb4] {
  padding: 0;
  position: relative;
  justify-content: center;
  text-align: center;
  width: 550px;
  margin: 40px auto;
}
.sign-in-wrapper .sign-in-panel__register-block .register-btn[data-v-a6932cb4] {
  color: #fff;
}
.sign-in-wrapper .status-io-wrapper[data-v-a6932cb4] {
  width: 550px;
  margin: 1em auto 0 auto;
  z-index: 10;
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-flow: column;
}
.sign-in-wrapper .timed-out-description[data-v-a6932cb4] {
  margin: 0 0 1.5em 0;
  font-size: 1.1em;
  display: inline-flex;
  flex-wrap: nowrap;
}
.sign-in-wrapper .timed-out-description .btn--plain[data-v-a6932cb4] {
  margin: 0 0 0 0.3em;
  color: #44A292;
}
.sign-in-wrapper .sign-in-logo-wrapper[data-v-a6932cb4] {
  z-index: 10;
  /*display: flex;*/
  padding: 0;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  /*justify-content: center;*/
  margin-top: 40px;
  /*flex-direction: row;*/
  text-align: center;
  position: relative;
}
.sign-in-wrapper .sign-in-logo[data-v-a6932cb4] {
  width: 130px;
  height: 127px;
}
.sign-in-wrapper .sign-in-logo-footer[data-v-a6932cb4] {
  filter: brightness(0) invert(1);
  width: 180px;
  height: auto;
  margin-bottom: 5px;
}
.sign-in-wrapper .sign-in-footer[data-v-a6932cb4] {
  display: block;
  color: #fff;
  justify-content: center;
  text-align: center;
  font-weight: normal;
  font-size: 11px;
  margin: 40px auto;
  margin-bottom: 30px;
  width: 550px;
}
.sign-in-wrapper .sign-in-footer span[data-v-a6932cb4] {
  padding: 0 0 0 0;
  display: block;
}
.sign-in-wrapper .sign-in-footer p[data-v-a6932cb4] {
  margin: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.splash {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding: 6em 0 0 0;
  margin-bottom: 6em;
  box-sizing: border-box;
}
.splash__logo-wrapper {
  margin: 0 0 3em 0;
}
.splash__logo-wrapper .logo-img {
  max-width: 140px;
}
.splash__loader-wrapper {
  align-items: center;
  align-content: center;
  display: flex;
  flex-direction: column;
}
.splash__loader-wrapper .loader-title {
  margin: 0 0 1em 0;
  font-size: 1.5em;
  font-weight: 500;
}
.error-msg-wrapper {
  text-align: center;
  width: 50%;
  font-size: 1.1em;
  line-height: 1.5em;
}
.nav__wrapper {
  /*Wrap in parent to prevent leaks*/
}
.nav__wrapper .nav__item .u-new-content-badge {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.nav__wrapper[data-v-2d9bf9b3] {
  padding: 0.8em;
  margin: 1em 0 0 0;
  box-sizing: border-box;
  max-width: 175px;
}
.nav__title[data-v-2d9bf9b3] {
  text-transform: uppercase;
  margin: 1.2em 0 0.8em;
  box-sizing: border-box;
  font-weight: 500;
}
.nav__title[data-v-2d9bf9b3]:first-of-type {
  margin-top: 0;
}
.nav__item[data-v-2d9bf9b3] {
  position: relative;
  text-transform: initial;
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0 0.8em;
  box-sizing: border-box;
  display: flex;
}
.nav__item[data-v-2d9bf9b3]:hover {
  cursor: pointer;
}
.nav__item.active[data-v-2d9bf9b3] {
  color: #037bc1;
}
.u-new-content-badge[data-v-2d9bf9b3] {
  position: relative;
  top: initial;
  left: initial;
  right: initial;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.profile-item[data-v-872b6532] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #dddede;
  padding: 0.3em 1em 0.3em 0;
  box-sizing: border-box;
}
.profile-item[data-v-872b6532]:last-of-type {
  border-bottom: none;
}
.item__blob[data-v-872b6532] {
  border-radius: 30px;
  height: 30px;
  width: 30px;
  margin: 0 1em 0 0;
  align-items: center;
}
.item__trigger[data-v-872b6532] {
  margin-left: auto;
  align-items: center;
  display: flex;
}
.item__trigger .material-icons[data-v-872b6532] {
  font-size: 16px;
  margin: 0 0.2em 0 0;
}
.item__name[data-v-872b6532] {
  font-weight: 500;
}
.vue-swatches[data-v-872b6532] {
  margin-left: auto;
}
.vue-swatches .material-icons[data-v-872b6532] {
  font-size: 16px;
  margin: 0 0.2em 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.profiles-wrapper[data-v-be4a5572] {
  max-width: 800px;
}
.profiles-header-wrapper[data-v-be4a5572] {
  display: flex;
  flex-direction: column;
}
.profiles-list-wrapper[data-v-be4a5572] {
  display: flex;
  flex-direction: column;
}
.network-user-item:hover {
  cursor: default;
}
.network-user-item .ui-checkbox__label-text {
  margin: 0 0 0 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.network-user-item[data-v-ac6afe96] {
  min-height: 44px;
}
.network-user-item.is-active[data-v-ac6afe96] {
  background: rgba(3, 123, 193, 0.12);
}
.user-name[data-v-ac6afe96] {
  font-weight: 500;
}
.edit-wrapper[data-v-ac6afe96] {
  display: flex;
  justify-content: center;
}
.edit-wrapper .edit-item[data-v-ac6afe96] {
  margin: 0 auto;
}
.edit-wrapper .edit-item[data-v-ac6afe96]:hover {
  cursor: pointer;
}
.invite-wrapper textarea.ui-textbox__textarea {
  line-height: 1.4em;
  max-height: 310px;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.invite-wrapper[data-v-b8188eb6] {
  display: flex;
  margin: 1em 0 0 0;
}
.invite-wrapper .intro[data-v-b8188eb6] {
  display: flex;
  margin: 0 0 1.5em;
  font-weight: 500;
}
.invite-wrapper .invalid-message-wrapper[data-v-b8188eb6] {
  margin: 0 0 1em 0;
  color: #ff5252;
}
.invite-wrapper .col-1[data-v-b8188eb6] {
  display: flex;
  flex-flow: column;
  flex-basis: 55%;
  padding: 0 1em 0 0;
  box-sizing: border-box;
}
.invite-wrapper .col-2[data-v-b8188eb6] {
  display: flex;
  flex-flow: column;
  flex-basis: 45%;
  padding: 0 0 0 1em;
  box-sizing: border-box;
}
.invite-wrapper .col-2 .invite-list[data-v-b8188eb6] {
  display: flex;
  margin: 0 0 1em 0;
  flex-flow: column;
  max-height: 300px;
  overflow-y: auto;
  padding: 0 0 1em 0;
}
.invite-wrapper .col-2 .invite-list .invite-list--empty[data-v-b8188eb6] {
  color: #757575;
}
.invite-wrapper .col-2 .invite-list .email-address[data-v-b8188eb6] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #dddede;
  min-height: 2.5rem;
  align-items: center;
}
.invite-wrapper .col-2 .invite-list .email-address i[data-v-b8188eb6] {
  font-size: 18px;
}
.invite-wrapper .col-2 .invite-list .email-address i[data-v-b8188eb6]:hover {
  color: #3572b0;
  cursor: pointer;
}
.invite-wrapper .col-2 .invite-list .email-address.invalid[data-v-b8188eb6] {
  color: #ff5252;
  text-decoration: line-through;
}
.network-members-table div.member-col.u-table-head__sort-col {
  padding-left: 2.5em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.scroller[data-v-d03bf4ec] {
  height: 100%;
}
.view-wrapper[data-v-d03bf4ec] {
  display: flex;
  flex: 1;
  flex-flow: column;
}
.list-header-wrapper[data-v-d03bf4ec] {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 1em;
}
.list-actions[data-v-d03bf4ec] {
  padding: 0;
}
.list-actions .clear-users[data-v-d03bf4ec] {
  margin: 0 1em 0 0;
}
.list-filters[data-v-d03bf4ec] {
  display: flex;
  padding: 0;
  flex-flow: row;
  margin: 0;
  height: 90%;
  align-items: flex-end;
}
.list-filters .filters-block-1[data-v-d03bf4ec] {
  display: flex;
  width: 250px;
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
  border-right: 1px solid #dddede;
}
.list-filters .filters-block-1 .ui-textbox[data-v-d03bf4ec] {
  margin: 0;
  width: 100%;
}
.list-filters .filters-block-2[data-v-d03bf4ec] {
  display: flex;
  width: 250px;
  margin: 0;
  align-items: flex-end;
}
.list-filters .filters-block-2 .ui-select[data-v-d03bf4ec] {
  margin-bottom: 0;
  margin: 0;
  width: 100%;
}
.list-filters .filters-block-3[data-v-d03bf4ec] {
  display: flex;
  margin: 0 0 0 0.5em;
}
.list-filters .filters-block-3 i.material-icons[data-v-d03bf4ec]:hover {
  cursor: pointer;
  color: #3572b0;
}
.table__head .check-wrapper[data-v-d03bf4ec] {
  width: 30px;
}
.table__body[data-v-d03bf4ec] {
  margin: 0 0 5em 0;
}
.table-loader-wrapper[data-v-d03bf4ec] {
  padding: 0.8em 0 0 0.8em;
}
.clear-btn[data-v-d03bf4ec] {
  display: flex;
  align-items: flex-end;
}
.clear-btn[data-v-d03bf4ec]:hover {
  cursor: pointer;
}
.clear-btn .material-icons[data-v-d03bf4ec] {
  font-size: 18px;
}
.sentinel-wrapper[data-v-d03bf4ec] {
  height: 55px;
  line-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
}
.strip-loader[data-v-d03bf4ec] {
  min-height: 3.25px;
}
.empty-rsults-wrapper[data-v-d03bf4ec] {
  display: flex;
  padding: 1em;
  box-sizing: border-box;
  justify-content: center;
  align-content: center;
}
.membership-request-item:hover {
  cursor: default;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.view-wrapper[data-v-5c7ebe51] {
  display: flex;
  flex: 1;
}
.edit-wrapper[data-v-5c7ebe51] {
  display: flex;
  justify-content: center;
}
.edit-wrapper .edit-item[data-v-5c7ebe51] {
  margin: 0 auto;
}
.edit-wrapper .edit-item[data-v-5c7ebe51]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.view-wrapper[data-v-7b937653] {
  display: flex;
  flex: 1;
  flex-flow: column;
}
.body__title[data-v-7b937653] {
  border-bottom: 1px solid #dddede;
  padding: 1em 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.body__title .title[data-v-7b937653] {
  font-size: 1.5em;
  font-weight: 500;
}
.table__head.has-scroll[data-v-7b937653] {
  width: calc(100% - 15px);
}
.table__body[data-v-7b937653] {
  margin: 0 0 5em 0;
}
.table-loader-wrapper[data-v-7b937653] {
  padding: 0.8em 0 0 0.8em;
}
.sentinel--is-loading[data-v-7b937653] {
  padding: 1em;
  justify-items: center;
  justify-content: center;
  display: flex;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.manage-alert-wrapper[data-v-b46e743a] {
  display: flex;
  min-height: 350px;
  flex-flow: column;
}
.manage-alert-wrapper .row-item[data-v-b46e743a] {
  display: flex;
  flex-flow: column;
  margin: 0 0 1em 0;
  min-height: 48px;
}
.manage-alert-wrapper .row-item .ui-textbox[data-v-b46e743a] {
  width: 100%;
  margin-bottom: 0;
}
.manage-alert-wrapper .static-error[data-v-b46e743a] {
  display: flex;
  color: #ff5252;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.alert-topic-item[data-v-a27cb0a6] {
  min-height: 44px;
}
.alert-topic-item.is-active[data-v-a27cb0a6] {
  background: rgba(3, 123, 193, 0.12);
}
.edit-wrapper[data-v-a27cb0a6] {
  display: flex;
  justify-content: center;
}
.edit-wrapper .edit-item[data-v-a27cb0a6] {
  margin: 0 auto;
}
.edit-wrapper .edit-item[data-v-a27cb0a6]:hover {
  cursor: pointer;
}
.edit-wrapper .edit-item[data-v-a27cb0a6]:disabled {
  color: #757575;
  cursor: not-allowed;
  opacity: 0.7;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.view-wrapper[data-v-41d6a256] {
  display: flex;
  flex: 1;
  flex-flow: column;
}
.body__title[data-v-41d6a256] {
  border-bottom: 1px solid #dddede;
  padding: 1em 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.body__title .title[data-v-41d6a256] {
  font-size: 1.5em;
  font-weight: 500;
}
.table__head.has-scroll[data-v-41d6a256] {
  width: calc(100% - 15px);
}
.table__body[data-v-41d6a256] {
  margin: 0 0 5em 0;
}
.u-data-table--default[data-v-41d6a256] {
  padding: 0 0 0 0.8em;
}
.table-loader-wrapper[data-v-41d6a256] {
  padding: 0.8em 0 0 0.8em;
}
.sentinel--is-loading[data-v-41d6a256] {
  padding: 1em;
  justify-items: center;
  justify-content: center;
  display: flex;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.is-struck-through h3[data-v-36b204e5],
.is-struck-through .item-text-wrap[data-v-36b204e5],
.is-struck-through .u-whitespace--pre-line[data-v-36b204e5] {
  text-decoration: line-through;
}
.is-struck-through .item-comment p[data-v-36b204e5] {
  text-decoration: none;
}
.is-struck-through .item-comment.is-struck-through .u-whitespace--pre-line[data-v-36b204e5] {
  text-decoration: line-through;
}
.is-struck-through-meta[data-v-36b204e5] {
  color: #ff5252;
  margin: 0 0 1em 0;
  text-decoration: none;
}
.is-struck-through-meta[data-v-36b204e5]:empty {
  margin: 0;
}
.c-subject-access__expandable-wrapper[data-v-36b204e5] {
  padding: 1em;
  border: 1px solid #dddede;
  border-radius: 0.5em;
  margin: 0 0 1em 0;
}
.c-subject-access__expandable-wrapper[data-v-36b204e5]:last-of-type {
  margin-bottom: 0;
}
.c-subject-access__expandable-title[data-v-36b204e5] {
  display: flex;
  flex: 1;
  margin: 0;
  justify-content: space-between;
  font-weight: 500;
  align-items: center;
}
.c-subject-access__scroll-body[data-v-36b204e5] {
  max-height: 500px;
  overflow-y: auto;
  margin: 1em 0 0 0;
}
.c-subject-access__actions-wrapper[data-v-36b204e5] {
  display: flex;
  justify-content: space-between;
}
.c-subject-access__actions-wrapper .c-subject-access__actions-toggle[data-v-36b204e5] {
  display: flex;
  align-items: center;
}
.c-subject-access__actions-wrapper .c-subject-access__actions-toggle[data-v-36b204e5]:hover {
  cursor: pointer;
}
.c-subject-access__actions-wrapper .c-subject-access__actions-toggle .material-icons[data-v-36b204e5] {
  font-size: 22px;
  position: relative;
  left: -3px;
  top: 1px;
}
.c-subject-access__actions-wrapper .c-subject-access__actions-print[data-v-36b204e5] {
  display: flex;
  align-items: center;
  margin: 0;
}
.c-subject-access__actions-wrapper .c-subject-access__actions-print[data-v-36b204e5]:hover {
  cursor: pointer;
}
@media screen {
.data-table[data-v-36b204e5] {
    border-collapse: collapse;
    width: 100%;
    text-align: left;
}
.data-table th[data-v-36b204e5] {
    background: #fff;
    font-weight: 400;
    color: #757575;
    text-align: left;
    padding: 0.4em;
    vertical-align: top;
    word-break: break-word;
    max-width: auto;
    border-bottom: 1px solid #dddede;
}
.data-table th .sort-icon[data-v-36b204e5] {
    display: flex;
    align-items: center;
}
.data-table th i.material-icons[data-v-36b204e5] {
    padding: 0;
    font-size: 24px;
    line-height: 10px;
}
.data-table tr[data-v-36b204e5] {
    border-bottom: 1px solid #dddede;
}
.data-table td[data-v-36b204e5] {
    padding: 0.5em;
    text-align: left;
}
.data-table td.end-of-list[data-v-36b204e5] {
    padding: 2em 0;
    text-align: center;
}
.feed-item[data-v-36b204e5] {
    border: 1px solid #dddede;
    margin: 0 0 1em 0;
    padding: 0.3em;
    box-sizing: border-box;
}
.feed-item p[data-v-36b204e5] {
    margin-bottom: 0.8em;
}
.feed-item h1[data-v-36b204e5],
  .feed-item h2[data-v-36b204e5],
  .feed-item h3[data-v-36b204e5],
  .feed-item h4[data-v-36b204e5],
  .feed-item h5[data-v-36b204e5],
  .feed-item h6[data-v-36b204e5] {
    font-size: 1em;
}
.feed-item h3[data-v-36b204e5]:first-of-type {
    margin-top: 0;
}
.feed-item .feed-image[data-v-36b204e5] {
    max-width: 200px;
}
.item-comment[data-v-36b204e5] {
    border-bottom: 1px solid #dddede;
}
.item-comment[data-v-36b204e5]:last-of-type {
    border-bottom: none;
}
}
.c-pas-record .ui-modal.ui-modal--size-small.is-open .ui-modal__container {
  width: 36rem;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.c-pas-record[data-v-473d5c12] {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  min-height: 360px;
}
.c-pas-record__title[data-v-473d5c12] {
  font-weight: 500;
  font-size: 1.2em;
  margin: 0 0 1em 0;
}
.c-pas-record__form[data-v-473d5c12] {
  display: flex;
  flex-flow: row;
  box-sizing: border-box;
}
.c-pas-record__label[data-v-473d5c12] {
  color: #757575;
  margin: 0 0 1em 0;
  display: flex;
  flex-flow: column;
  max-width: 90%;
}
.c-pas-record__data[data-v-473d5c12] {
  color: #212121;
  margin: 0.3em 0 0 0;
}
.c-pas-record__form-block[data-v-473d5c12] {
  display: flex;
  flex-flow: column;
  width: 45%;
  padding: 0;
  box-sizing: border-box;
}
.c-pas-record__button[data-v-473d5c12] {
  display: flex;
  align-items: center;
}
.c-pas-record__button--danger[data-v-473d5c12] {
  color: #ff5252;
}
.c-pas-record__button--access-request[data-v-473d5c12] {
  justify-self: auto;
  align-self: flex-start;
  margin: 0.3em 0 0 0;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.body__wrapper[data-v-2ca45042] {
  display: flex;
  height: 100%;
}
.body__wrapper.is-full-height[data-v-2ca45042] {
  padding: 1em;
  margin-bottom: 18em;
}
.body__wrapper.bi-container[data-v-2ca45042] {
  margin: 0;
  padding: 0;
}
.body__title[data-v-2ca45042] {
  border-bottom: 1px solid #dddede;
  padding: 1em 0.8em;
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
}
.body__title .title[data-v-2ca45042] {
  font-size: 1.5em;
  font-weight: 500;
}
.title-action-btn[data-v-2ca45042] {
  color: #3572b0;
  margin: 0 0 0 1.6em;
  font-weight: 500;
}
.title-action-btn[data-v-2ca45042]:hover {
  cursor: pointer;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.nav__wrapper[data-v-6eaae508] {
  padding: 0.8em;
  margin: 1em 0 0 0;
  box-sizing: border-box;
}
.nav__title[data-v-6eaae508] {
  text-transform: uppercase;
  margin: 1.2em 0 0.8em;
  box-sizing: border-box;
  font-weight: 500;
}
.nav__title[data-v-6eaae508]:first-of-type {
  margin-top: 0;
}
.nav__item[data-v-6eaae508] {
  text-transform: initial;
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0 0.8em;
  box-sizing: border-box;
}
.nav__item[data-v-6eaae508]:hover {
  cursor: pointer;
}
.nav__item.active[data-v-6eaae508] {
  color: #037bc1;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.report-wrapper[data-v-9382828a] {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: column;
}
.report-container[data-v-9382828a] {
  display: flex;
  height: 100%;
  height: 100vh;
}
.loader-wrapper[data-v-9382828a] {
  padding: 1em;
}
.error-wrapper[data-v-9382828a] {
  padding: 1em;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.network-updates-wrapper[data-v-3198348a] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.network-updates-nav[data-v-3198348a] {
  width: 45px;
  max-width: 45px;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  box-sizing: border-box;
  height: 100%;
}
.network-updates-body[data-v-3198348a] {
  width: calc(100% - 45px);
  max-width: calc(100% - 45px);
  display: flex;
  flex-direction: column;
  background: #fff;
}

.mobile-error-container[data-v-147477f8] {
    display: flex;
    align-items: center;
    justify-content: center;
    /* vw/dvh are viewport-relative so they are immune to parent sizing bugs */
    width: 100vw;
    max-width: 100vw;
    /* dvh accounts for mobile browser chrome (address bar, nav bar) on iOS/Android */
    min-height: 100dvh;
    /* fallback for browsers without dvh support */
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    box-sizing: border-box;
}
.mobile-error-card[data-v-147477f8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 600px;
    padding: 24px 20px;
    box-sizing: border-box;
}
.mobile-error-icon[data-v-147477f8] {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}
.mobile-error-title[data-v-147477f8] {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 12px;
    line-height: 1.3;
}
.mobile-error-message[data-v-147477f8] {
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 20px;
}
.mobile-error-links[data-v-147477f8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-bottom: 20px;
}
.mobile-error-link[data-v-147477f8] {
    display: block;
    padding: 14px 20px;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid currentColor;
    border-radius: 6px;
    /* Minimum 44px tap target height per WCAG 2.5.5 */
    min-height: 44px;
    line-height: 1.4;
    word-break: break-word;
}
.mobile-error-link[data-v-147477f8]:hover,
.mobile-error-link[data-v-147477f8]:focus {
    opacity: 0.8;
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.mobile-error-footnote[data-v-147477f8] {
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
    opacity: 0.8;
}

/* Small phones (≤ 375px, e.g. iPhone SE) */
@media (max-width: 375px) {
.mobile-error-title[data-v-147477f8] {
        font-size: 1.25rem;
}
.mobile-error-message[data-v-147477f8],
    .mobile-error-link[data-v-147477f8] {
        font-size: 0.9375rem;
}
.mobile-error-card[data-v-147477f8] {
        padding: 16px 12px;
}
}

/* Standard phones (376px – 767px, e.g. iPhone 14, Android mid-range) */
@media (min-width: 376px) and (max-width: 767px) {
.mobile-error-title[data-v-147477f8] {
        font-size: 1.375rem;
}
}

/* Tablets (768px – 1024px, e.g. iPad, Android tablets) */
@media (min-width: 768px) {
.mobile-error-card[data-v-147477f8] {
        padding: 40px 32px;
}
.mobile-error-title[data-v-147477f8] {
        font-size: 1.75rem;
}
.mobile-error-message[data-v-147477f8] {
        font-size: 1.0625rem;
}
.mobile-error-links[data-v-147477f8] {
        flex-direction: row;
        justify-content: center;
        gap: 16px;
}
.mobile-error-link[data-v-147477f8] {
        flex: 1;
        max-width: 260px;
}
.mobile-error-icon[data-v-147477f8] {
        width: 80px;
        height: 80px;
}
}

/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.networks-link[data-v-6235562e] {
  height: 100%;
}
.networks-link .u-new-content-badge[data-v-6235562e] {
  position: relative;
  margin-left: auto;
  right: auto;
  top: auto;
}
.networks-link .network-name[data-v-6235562e] {
  display: flex;
  margin: 0 0 0 0.5em;
  height: 100%;
  width: 100%;
  align-items: center;
  min-height: 2.5rem;
  flex-grow: 1;
}
.networks-link .new-item-badge[data-v-6235562e] {
  background: #ff5252;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: 10px;
  position: relative;
}
.networks-link .menu-name[data-v-6235562e] {
  flex-grow: 1;
  display: flex;
  height: 100%;
  align-items: center;
}
.networks-link .menu-name.is-disabled[data-v-6235562e] {
  color: #757575;
  opacity: 0.5;
}
.networks-link .menu-name.is-disabled[data-v-6235562e]:hover {
  cursor: default;
}
.networks-link i.material-icons[data-v-6235562e] {
  font-size: 17px;
}
.networks-link i.material-icons.is-preferred[data-v-6235562e] {
  color: #037bc1;
}
.networks-link.ui-menu-option.is-disabled[data-v-6235562e]:hover {
  background-color: #fff;
}
.networks-link .ui-menu-option__content[data-v-6235562e] {
  min-height: 2.5rem;
  height: initial;
}
.main-navigation .ui-menu.navigation-ui-menu {
  max-width: 600px;
}
.main-navigation .ui-menu.navigation-ui-menu .menu-name {
  width: 85%;
  display: flex;
}
.main-navigation .ui-menu.navigation-ui-menu .ui-menu-option__content {
  height: 100%;
  min-height: 2.5rem;
  height: initial;
}
.main-navigation .naivgation-search {
  margin-bottom: 0;
  text-transform: none;
  overflow-x: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding-left: 10px;
}
.main-navigation .naivgation-search.is-disabled .ui-textbox__input {
  border-bottom: none;
}
.main-navigation .naivgation-search .ui-textbox__input {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: none;
  padding-bottom: 0;
}
.main-navigation .naivgation-search .ui-textbox__input::placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.main-navigation .naivgation-search .ui-textbox__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.main-navigation .naivgation-search .ui-textbox__input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.87);
}
.main-navigation i.material-icons.small-drop {
  font-size: 17px;
  line-height: inherit;
}
.main-navigation i.material-icons.small-right {
  font-size: 15px;
  line-height: inherit;
}
.main-navigation .no-overflow-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*App branding LESS variables*/
/*Fonts*/
/*Brand*/
/*Colours*/
/*@careflow--blue: #0089c6;*/
/*From material spec error*/
/*Orange-light*/
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/* https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508 */
/*54%black-https://ux.stackexchange.com/questions/105503/why-isnt-primary-text-full-opacity/105508*/
/*Equivalent-to-#757575*/
/*Borders*/
/*States - tables / blocks*/
/*View Blocks*/
/*Buttons*/
/*http://pxtoem.com/*/
/*Tags*/
/*Badges*/
/*Referrals - set by ID*/
/*Feed Comments*/
/*Patient Banner*/
/*Font Weights*/
/*Page Layouts*/
/*Navigation*/
/*@main-nav--bg: #3D679A;*/
/*Team / patient view navigation*/
/* @team-nav-bg: rgba(0, 0, 0, 0.05); */
/*UI Popouts (e.g on team nav)*/
/*Titles*/
/*Global sidebar*/
.ui-menu-set-width[data-v-59c0dbb2] {
  min-width: 28em;
}
.ui-menu-option__content .menu-name[data-v-59c0dbb2] {
  display: flex;
  width: 98%;
}
.ui-menu-option__content.is-disabled[data-v-59c0dbb2] {
  color: #757575;
}
.main-navigation[data-v-59c0dbb2] {
  display: flex;
  flex-flow: row;
  position: relative;
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  box-sizing: border-box;
  justify-content: space-between;
  height: 40px;
  padding: 0 0 0 1em;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.navigation__avatar[data-v-59c0dbb2] {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin: 0 0 0 1em;
}
.navigation__avatar[data-v-59c0dbb2]:hover {
  cursor: pointer;
}
.navigation__right[data-v-59c0dbb2] {
  display: flex;
  align-items: center;
}
.navigation__left[data-v-59c0dbb2] {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-flow: row;
  align-items: center;
}
.navigation__left div[data-v-59c0dbb2] {
  display: flex;
  align-items: center;
  min-width: 0;
}
.navigation__left div.networks-menu-trigger-wrapper[data-v-59c0dbb2] {
  margin: 0;
  min-width: 18px;
}
.new-item-badge[data-v-59c0dbb2] {
  background: #ff5252;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  right: 7px;
}
.new-item-badge.alerts-count[data-v-59c0dbb2] {
  top: 7px;
  right: -8px;
}
.new-item-badge.burger-count[data-v-59c0dbb2] {
  position: absolute;
  margin-right: 0;
  right: -3px;
  top: -4px;
}
.u-new-content-badge[data-v-59c0dbb2] {
  top: 0;
  right: -11px;
}
.navigation__links[data-v-59c0dbb2] {
  display: flex;
  flex-flow: row;
  margin: 0 1em 0 0;
  height: 100%;
  align-items: center;
  flex-shrink: 0;
}
.navigation__links .link[data-v-59c0dbb2] {
  position: relative;
  margin: 0 0.6em;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9em;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  height: 100%;
  align-items: center;
}
.navigation__links .link .link-text[data-v-59c0dbb2] {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  align-items: center;
}
.navigation__links .link .link-text[data-v-59c0dbb2]:hover {
  border-bottom: 3px solid #0071bd;
  cursor: pointer;
}
.navigation__links .link.is-active .link-text[data-v-59c0dbb2] {
  border-bottom: 3px solid #0071bd;
}
.search-wrapper[data-v-59c0dbb2] {
  background: rgba(255, 255, 255, 0.12);
  position: relative;
  display: flex;
  padding: 0 0.8em;
  box-sizing: border-box;
  height: 100%;
  min-height: 40px;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9em;
}
.search-wrapper[data-v-59c0dbb2]:hover {
  cursor: pointer;
}
.network-label-wrapper[data-v-59c0dbb2] {
  display: flex;
  max-width: 290px;
}
.network-label[data-v-59c0dbb2] {
  font-weight: 500;
}
.search-icon[data-v-59c0dbb2] {
  margin: 0;
  height: 27px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.network-links-wrapper[data-v-59c0dbb2] {
  min-width: 0;
  display: flex;
}
.network-links-wrapper[data-v-59c0dbb2]:hover {
  cursor: pointer;
}
.teams-link-wrapper[data-v-59c0dbb2] {
  display: flex;
}
.teams-link-trigger[data-v-59c0dbb2] {
  width: 100%;
  font-weight: 500;
}
.teams-link-trigger[data-v-59c0dbb2]:hover {
  cursor: pointer;
}
.networks-list-trigger[data-v-59c0dbb2]:hover {
  cursor: pointer;
}
.icon-burger[data-v-59c0dbb2] {
  font-size: 18px;
  line-height: inherit;
}
.icon-home[data-v-59c0dbb2] {
  font-size: 18px;
  line-height: inherit;
  margin: 0 0.6em 0 0.6em;
}
.avatar-wrapper[data-v-59c0dbb2] {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 2em 0 0;
  flex-shrink: 0;
}
.avatar-wrapper.is-off-duty[data-v-59c0dbb2] {
  background: #ff5252;
}
.avatar-wrapper i.material-icons[data-v-59c0dbb2] {
  position: relative;
}
.avatar-wrapper i.material-icons.small-drop[data-v-59c0dbb2] {
  right: -1em;
}
.avatar-wrapper[data-v-59c0dbb2]:hover {
  cursor: pointer;
}
.avatar-wrapper .username-wrapper[data-v-59c0dbb2] {
  display: flex;
  min-width: 0;
  max-width: 150px;
  flex-flow: column;
}
.avatar-wrapper .username-wrapper .avatar-username-sub-status[data-v-59c0dbb2] {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 500;
}
.avatar-wrapper .off-duty-icon[data-v-59c0dbb2] {
  margin: 0 0.5em;
}
/*Search*/
.search-controls-wrapper[data-v-59c0dbb2] {
  display: flex;
  box-sizing: border-box;
  background-color: #D3D3D3;
  color: rgba(0, 0, 0, 0.87);
}
.search-controls-wrapper .col-2[data-v-59c0dbb2] {
  margin: 0 0 0 1em;
  box-sizing: border-box;
}
.search-controls-wrapper .col-2.has-outpatients-block[data-v-59c0dbb2] {
  margin: 0 1em;
}
.search-controls-wrapper .col-3[data-v-59c0dbb2] {
  box-sizing: border-box;
}

/*# sourceMappingURL=main.afa2244fbe1510583ac1.css.map*/