/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=9c4f474c&prod&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:export {
  textColorLight: rgb(247, 244, 241);
  foregroundColor: rgb(73, 120, 134);
  defaultPillText: rgb(247, 244, 241);
  defaultPillBg: rgb(73, 120, 134);
  incontinence: #5b6d98;
  catheter: #90a03e;
  nutrition: #b97148;
  ostomy: #4e3ea0;
  diabetes: #b94848;
  woundcare: #8f5c20;
  pca: #384d7c;
  other: #999999;
}
.flex-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
}
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-no-grow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.flex-none {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}
.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
:export {
  textColorLight: rgb(247, 244, 241);
  foregroundColor: rgb(73, 120, 134);
  defaultPillText: rgb(247, 244, 241);
  defaultPillBg: rgb(73, 120, 134);
  incontinence: #5b6d98;
  catheter: #90a03e;
  nutrition: #b97148;
  ostomy: #4e3ea0;
  diabetes: #b94848;
  woundcare: #8f5c20;
  pca: #384d7c;
  other: #999999;
}
.space-bottom {
  margin-bottom: 10px;
}
.space-top {
  margin-top: 10px;
}
.space-right {
  margin-right: 10px;
}
.space-left {
  margin-left: 10px;
}
.space-allaround {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.text-bold {
  font-weight: bold;
}
.vm--modal {
  border-radius: 13px !important;
}
.vue-dialog-content {
  padding: 0px 0 15px 0 !important;
}
.vue-dialog-content-title {
  padding: 10px 5px 10px 15px !important;
  font-size: 12pt;
  background-color: rgb(73, 120, 134);
  color: rgb(247, 244, 241);
  text-transform: uppercase;
  border-radius: 12px 12px 0 0;
}
.vue-dialog-content div {
  font-size: 16px;
  line-height: 1.3em;
  padding: 15px;
}
.vue-dialog-buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  border-top: 2px solid rgba(159, 205, 206, 0.5) !important;
}
.vue-dialog-buttons > * {
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.primary {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border: solid 1px rgb(73, 120, 134);
  cursor: pointer;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);
  color: rgb(247, 244, 241);
  background-color: rgb(73, 120, 134);
}
.primary:hover {
  opacity: 0.9;
}
.primary:disabled {
  opacity: 0.35;
  cursor: not-allowed !important;
}
.primary:focus, .primary:active {
  background-color: rgba(73, 120, 134, 0.9);
  outline: none;
}
.secondary {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border: solid 1px rgb(73, 120, 134);
  cursor: pointer;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.13);
  color: rgb(73, 120, 134);
  background-color: transparent;
}
.secondary:hover {
  opacity: 0.9;
}
.secondary:disabled {
  opacity: 0.35;
  cursor: not-allowed !important;
}
.secondary:focus, .secondary:active {
  background-color: transparent;
  color: rgba(73, 120, 134, 0.9);
  outline: none;
}
.tertiary {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border: solid 1px rgb(73, 120, 134);
  cursor: pointer;
  border: none;
  background: none;
  color: rgb(73, 120, 134);
}
.tertiary:hover {
  opacity: 0.9;
}
.tertiary:disabled {
  opacity: 0.35;
  cursor: not-allowed !important;
}
.tertiary:focus, .tertiary:active {
  color: rgba(73, 120, 134, 0.9);
  outline: none;
}
.small {
  font-size: 8pt;
  height: 20px;
}
.small-auto {
  font-size: 8pt;
  height: auto;
}
.normal {
  font-size: 12pt;
  min-height: 32px;
  min-width: 70px;
}
.large {
  font-size: 15pt;
  height: 40px;
  min-width: 90px;
}
.page-container-flex {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px 5px 10px;
}
.page-container {
  height: 100%;
  padding: 20px 10px 5px 10px;
}
.link {
  cursor: pointer;
}
.link:hover {
  opacity: 0.8;
}
.invalid_input {
  border-color: rgb(185, 72, 72) !important;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.app-wrapper {
  height: 100%;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.app-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 0;
  margin-bottom: 10px;
  margin-bottom: 0;
}
.app-container div {
  min-height: 0;
}
[v-cloak] {
  display: none;
}
.hide {
  display: none;
}
.header-status {
  background-color: #b94848;
  padding: 20px;
  color: white;
}
.header-status__x {
  font-size: 20px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-status__x:hover {
  cursor: pointer;
}
.width {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.align {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.close {
  -ms-flex-item-align: center;
      align-self: center;
}
#application {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dialog-position {
  z-index: 1000 !important;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
:export {
  textColorLight: rgb(247, 244, 241);
  foregroundColor: rgb(73, 120, 134);
  defaultPillText: rgb(247, 244, 241);
  defaultPillBg: rgb(73, 120, 134);
  incontinence: #5b6d98;
  catheter: #90a03e;
  nutrition: #b97148;
  ostomy: #4e3ea0;
  diabetes: #b94848;
  woundcare: #8f5c20;
  pca: #384d7c;
  other: #999999;
}

:export {
  textColorLight: rgb(247, 244, 241);
  foregroundColor: rgb(73, 120, 134);
  defaultPillText: rgb(247, 244, 241);
  defaultPillBg: rgb(73, 120, 134);
  incontinence: #5b6d98;
  catheter: #90a03e;
  nutrition: #b97148;
  ostomy: #4e3ea0;
  diabetes: #b94848;
  woundcare: #8f5c20;
  pca: #384d7c;
  other: #999999;
}

.login {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  top: 10px;
}

.login .username {
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
}
.login .username::after {
  content: "|";
  padding-left: 10px;
  color: rgba(255, 255, 255, 0.5);
}

:export {
  textColorLight: rgb(247, 244, 241);
  foregroundColor: rgb(73, 120, 134);
  defaultPillText: rgb(247, 244, 241);
  defaultPillBg: rgb(73, 120, 134);
  incontinence: #5b6d98;
  catheter: #90a03e;
  nutrition: #b97148;
  ostomy: #4e3ea0;
  diabetes: #b94848;
  woundcare: #8f5c20;
  pca: #384d7c;
  other: #999999;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0px;
  background: rgb(247, 244, 241);
  overflow-x: none;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: none;
}

textarea:focus,
input:focus {
  outline: none;
}

.vm--overlay {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.vmodal {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  border-radius: 12px !important;
}

:export {
  textColorLight: rgb(247, 244, 241);
  foregroundColor: rgb(73, 120, 134);
  defaultPillText: rgb(247, 244, 241);
  defaultPillBg: rgb(73, 120, 134);
  incontinence: #5b6d98;
  catheter: #90a03e;
  nutrition: #b97148;
  ostomy: #4e3ea0;
  diabetes: #b94848;
  woundcare: #8f5c20;
  pca: #384d7c;
  other: #999999;
}

.tooltip-error {
  color: rgb(185, 72, 72);
}

.tooltip {
  max-width: 300px;
  display: block !important;
  z-index: 100;
}
.tooltip .tooltip-inner {
  background: rgb(247, 244, 241);
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  padding: 10px;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: rgb(247, 244, 241);
  z-index: 1;
}
.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}
.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 10px 10px 0 10px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}
.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 10px 10px 10px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^=right] {
  margin-left: 5px;
}
.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 10px 10px 10px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^=left] {
  margin-right: 5px;
}
.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 10px 0 10px 10px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

@font-face {
  font-family: "Nunito";
  src: url(/fonts/Nunito-VariableFont_wght.0912b5aa.woff2) format("woff2");
}
a:hover {
  opacity: 0.75;
}

body,
a {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  color: rgb(97, 97, 95);
  text-decoration: none;
  overflow: hidden;
}

a:hover {
  color: rgb(97, 97, 95);
  text-decoration: none;
}

p,
span,
a,
ul,
li,
h2,
h1 {
  margin: 0px;
  padding: 0px;
  color: rgb(97, 97, 95);
}

* {
  line-height: normal !important;
}