@charset "UTF-8";
*[hint]:before, .patient__photo > button:before, .patient__photo:after, .tox-icon .fa, .resizer > .resizer__mini:before, .resizer > .resizer__max:before, .btngroup-g6pd > button:before, .btngroup-g6pd > button:hover:before, .btngroup-g6pd > button:active:before, .btngroup-g6pd > button:focus:before, .btngroup-g6pd > button:focus:active:before, .notetag__head .location:before, .floatpanel:after, .consult__info .date:before, .consult__info .location:before, .bermuda__toggle:before, .cnote__topbar__userstamp .user:before, .cnote__topbar__userstamp .time:before, .page__action > button[hint]:before, .page__action > a[hint]:before, .page__navbar__action a[hint]:before, .page__navbar__action button[hint]:before, .page__navbar__search .twitter-typeahead:before, .imgload--loading:before, .imgload--broken:before {
  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;
}

@keyframes slideshow {
  0% {
    max-height: 0;
  }
  90% {
    max-height: 100vh;
  }
  100% {
    max-height: none;
  }
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/** placeholder **/
.imgload--loading:before, .imgload--broken:before {
  text-align: center;
}

.profile__allergy__allergy button, .formstab__body button, button.pagesave, .btngroup-g6pd > button, .bermuda__head a, .bermuda__head button, .section__head button, .formpage__action button, .page__action > button, .page__action > a {
  transition: 0.2s ease;
  border-radius: 2px;
  display: inline-block;
}

button.pagesave, .btngroup-g6pd > button, .bermuda__head a, .bermuda__head button, .section__head button, .formpage__action button, .page__action > button, .page__action > a {
  border: 0;
  background: none;
  font-size: 12px;
  color: #1791a6;
  text-transform: uppercase;
  margin-left: 0.5rem;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
button.pagesave:focus, .btngroup-g6pd > button:focus, .bermuda__head a:focus, .bermuda__head button:focus, .section__head button:focus, .formpage__action button:focus, .page__action > button:focus, .page__action > a:focus, button.pagesave:active, .btngroup-g6pd > button:active, .bermuda__head a:active, .bermuda__head button:active, .section__head button:active, .formpage__action button:active, .page__action > button:active, .page__action > a:active, button.pagesave:hover, .btngroup-g6pd > button:hover, .bermuda__head a:hover, .bermuda__head button:hover, .section__head button:hover, .formpage__action button:hover, .page__action > button:hover, .page__action > a:hover {
  outline: none;
  box-shadow: 0 0 0 3px #f3f3f4;
  background: #f3f3f4;
  color: #1791a6;
}
button.pagesave:focus, .btngroup-g6pd > button:focus, .bermuda__head a:focus, .bermuda__head button:focus, .section__head button:focus, .formpage__action button:focus, .page__action > button:focus, .page__action > a:focus {
  box-shadow: 0 0 0 3px #f3f3f4 !important;
}

.consult__inv:after, .navpage .widget__wrapper:after, .bermuda__head:after, .navpage__page#content_area .cnote__topbar + :after, .tabpage__tab nav.navbar-default:after {
  content: "";
  display: table;
  clear: both;
}

/** reset **/
button:focus, button:active, button:focus, button:focus:active, button:hover, button:hover:active, a:focus, a:active, a:focus, a:focus:active, a:hover, a:hover:active {
  outline: none !important;
}
button[disabled], a[disabled] {
  color: #ccc !important;
  pointer-events: none;
}

img {
  max-width: 100%;
  height: auto;
}

.tox-tinymce {
  padding: 1px;
}

[emptyhide]:empty {
  display: none;
}

@media only screen and (min-width: 1024px) {
  [mobile] {
    display: none !important;
  }
}

/** main **/
.footer {
  z-index: 11;
}
@media only screen and (max-width: 1023px) {
  .footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 165px;
  }
}
@media only screen and (max-width: 1023px) {
  .mini-navbar .footer {
    left: 50px;
  }
}

/** frame **/
.page {
  background: #f3f3f4;
}
.page__title {
  flex: 1 1 1%;
  margin: 0 15px 5px;
}
.page__title > * {
  display: inline-block;
}
.page__title > .patient_notes {
  padding: 5px 10px;
  display: block;
  background: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  border-radius: 3px;
  position: relative;
  padding-right: 2rem;
}
.page__title > .patient_notes:before {
  content: attr(title);
  display: inline-block;
  font-weight: 700;
}
.page__title > .patient_notes.info {
  background: #dbf7ff;
  border: 1px solid #b8ebff;
  color: #0d6ea7;
}
.page__title > .patient_notes .noteclose {
  transition: 0.2s ease;
  border: 0;
  background: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 10px;
}
.page__title > .patient_notes .noteclose:focus, .page__title > .patient_notes .noteclose:active {
  box-shadow: none;
}
.page__title > .patient_notes .noteclose:hover {
  opacity: 1;
}
.page__navbar {
  margin: 0 -15px;
  display: flex;
  align-items: stretch;
  min-height: 0;
}
.page__navbar__menutoggle[class] {
  transition: 0.2s ease;
  background: #1791a6;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px;
  padding: 8px 1rem;
  border-radius: 3px;
}
.page__navbar__menutoggle[class]:hover, .page__navbar__menutoggle[class]:hover:active {
  box-shadow: none;
  color: white;
}
.page__navbar__menutoggle[class]:focus, .page__navbar__menutoggle[class]:focus:active, .page__navbar__menutoggle[class]:active {
  box-shadow: none;
}
.page__navbar__menutoggle[class] > .fa {
  transition: 0.2s ease;
}
.page__navbar__title {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  overflow: hidden;
  display: flex;
  flex: 1 1 1%;
}
.page__navbar__title > * {
  transition: 0.2s ease;
  color: #666;
  padding: 0 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  text-align: left;
}
.page__navbar__title > *:hover {
  color: #1791a6;
}
.page__navbar__title.pageTitle {
  align-self: center;
}
.page__navbar__title > #patient_menu_title {
  cursor: pointer;
}
.page__navbar__title > #patient_menu_title.float {
  position: fixed;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  white-space: normal;
  line-height: 1.5;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.page__navbar__title > #patient_menu_title.float:after {
  content: "click to cancel floating.";
  font-size: 12px;
  float: right;
  opacity: 0.5;
  line-height: 2.5;
}
.page__navbar__title > #patient_menu_title + #title_tool {
  transition: 0s;
  flex: 1 0 auto;
  display: flex;
}
.page__navbar__title > #patient_menu_title + #title_tool button.callq[class] {
  margin-left: auto;
}
.page__navbar__search {
  margin-left: auto;
}
.page__navbar__search .twitter-typeahead {
  height: 100%;
  border: 0;
  border-radius: 0;
  position: relative;
}
.page__navbar__search .twitter-typeahead:before {
  content: "";
  position: absolute;
  left: 12px;
  top: 14px;
  color: #1791a6;
  font-size: 16px;
  z-index: 3;
  pointer-events: none;
}
.page__navbar__search input {
  transition: 0.2s;
  padding: 0 8px;
  height: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 -2px #f3f3f4;
  background: rgba(255, 255, 255, 0.8);
  padding-left: 3rem;
}
.mininav .page__navbar__search input {
  padding-left: 0;
  cursor: pointer;
  width: 42px;
  min-width: 42px;
  color: transparent;
}
.mininav .page__navbar__search input::placeholder {
  color: inherit;
}

.page__navbar__search input:focus {
  box-shadow: inset 0 -2px #1791a6 !important;
  background: white !important;
}
.mininav .page__navbar__search input:focus {
  min-width: 220px;
  cursor: text;
  padding-left: 3rem;
  color: #243747;
}
.mininav .page__navbar__search input:focus::placeholder {
  color: #ccc;
}

.page__navbar__action {
  display: flex;
}
.page__navbar__action a, .page__navbar__action button {
  transition: 0.2s ease;
  padding: 16px 20px;
  line-height: 1;
  background: none;
  border: 0;
  border-left: 2px solid white;
  color: darkmagenta;
}
.page__navbar__action a > .fa:first-child, .page__navbar__action button > .fa:first-child {
  margin-right: 5px;
}
.page__navbar__action a > .caret:last-child, .page__navbar__action button > .caret:last-child {
  margin-left: 5px;
}
.page__navbar__action a:hover, .page__navbar__action button:hover {
  background: rgba(255, 255, 255, 0.3);
  color: #b400b4;
}
.page__navbar__action a:focus, .page__navbar__action a:focus:active, .page__navbar__action a:active, .page__navbar__action button:focus, .page__navbar__action button:focus:active, .page__navbar__action button:active {
  box-shadow: none;
}
.page__navbar__action a[hint], .page__navbar__action button[hint] {
  position: relative;
  z-index: 12;
  white-space: nowrap;
}
.page__navbar__action a[hint]:before, .page__navbar__action a[hint]:after, .page__navbar__action button[hint]:before, .page__navbar__action button[hint]:after {
  position: absolute;
  white-space: nowrap;
  top: calc(100% + 5px);
  right: 50%;
  transition: 0.2s ease 0.2s;
  pointer-events: none;
  opacity: 0;
}
.page__navbar__action a[hint]:before, .page__navbar__action button[hint]:before {
  content: "";
  color: rgba(36, 55, 71, 0.8);
  transform: translate(50%, -100%);
  line-height: 4px;
  font-size: 12px;
}
.page__navbar__action a[hint]:after, .page__navbar__action button[hint]:after {
  transform: translatex(50%);
  content: attr(hint);
  background: rgba(36, 55, 71, 0.8);
  color: white;
  padding: 3px 5px;
  z-index: 8;
  line-height: 1.2;
  border-radius: 3px;
  font-size: 12px;
  text-transform: none;
}
.page__navbar__action a[hint]:last-child:after, .page__navbar__action button[hint]:last-child:after {
  right: 0;
  transform: none;
}
.page__navbar__action a[hint][hint*=Q] .fa, .page__navbar__action button[hint][hint*=Q] .fa {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: inherit;
}
.mininav .page__navbar__action a[hint], .mininav .page__navbar__action button[hint] {
  font-size: 0;
}
.mininav .page__navbar__action a[hint] i.fa, .mininav .page__navbar__action button[hint] i.fa {
  font-size: 12px;
  margin-right: 0;
}
.mininav .page__navbar__action a[hint] .caret, .mininav .page__navbar__action button[hint] .caret {
  vertical-align: baseline;
}
.mininav .page__navbar__action a[hint]:hover:after, .mininav .page__navbar__action a[hint]:hover:before, .mininav .page__navbar__action button[hint]:hover:after, .mininav .page__navbar__action button[hint]:hover:before {
  opacity: 1;
  top: calc(100%);
}

@media only screen and (max-width: 1440px) {
  .mininav .page__navbar__action .open [hint]:hover:after, .mininav .page__navbar__action .open [hint]:hover:before {
    opacity: 0;
    top: calc(100% + 5px);
  }
}

.page__navbar__action .site button, .page__navbar__action .admin button {
  color: #356c9c;
  font-weight: bold;
}
.page__navbar__action > *:first-child, .page__navbar__action > *:first-child a, .page__navbar__action > *:first-child button {
  border-left: 0;
}
.page__navbar .dropdown__wrapper {
  position: relative;
}
.page__navbar .dropdown__wrapper:last-child .dropdown-menu {
  right: 0;
  left: auto;
}
.page__navbar .dropdown-menu {
  border-radius: 0;
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.15);
}
.page__navbar .dropdown-menu > li.current > a {
  color: white;
  pointer-events: none;
  background: #1791a6;
}
.page__navbar .dropdown-menu > li > a {
  padding: 3px 5px;
  color: #1791a6;
}
.page__navbar .dropdown-menu > li > a:hover {
  color: #1791a6;
  background: #f3f3f4;
}
.page__head {
  background: white;
}
.page__action {
  position: relative;
}
.page__action > button, .page__action > a {
  padding: 9px;
  margin: 10px 0;
  display: inline-flex;
  align-items: center;
}
.page__action > button[hint], .page__action > a[hint] {
  position: relative;
  z-index: 12;
}
.page__action > button[hint]:before, .page__action > button[hint]:after, .page__action > a[hint]:before, .page__action > a[hint]:after {
  position: absolute;
  white-space: nowrap;
  top: calc(100% + 10px);
  right: 50%;
  transition: 0.2s ease 0.2s;
  pointer-events: none;
  opacity: 0;
}
.page__action > button[hint]:before, .page__action > a[hint]:before {
  content: "";
  color: rgba(36, 55, 71, 0.8);
  transform: translate(50%, -100%);
  line-height: 4px;
}
.page__action > button[hint]:after, .page__action > a[hint]:after {
  transform: translatex(50%);
  content: attr(hint);
  background: rgba(36, 55, 71, 0.8);
  color: white;
  padding: 3px 5px;
  z-index: 8;
  line-height: 1.2;
  border-radius: 3px;
  font-size: 12px;
  text-transform: none;
}
.page__action > button[hint]:hover:after, .page__action > button[hint]:hover:before, .page__action > a[hint]:hover:after, .page__action > a[hint]:hover:before {
  opacity: 1;
  top: calc(100% + 5px);
}
.page__action > button[hint]:last-child:after, .page__action > a[hint]:last-child:after {
  right: 0;
  transform: none;
}
.page__action > button > i.fa, .page__action > a > i.fa {
  font-size: 2rem;
  margin-right: 3px;
  color: #255b65;
}

.tabpage {
  height: calc(100vh - 39px - 74px - 45px);
}
@media only screen and (min-width: 1023px) {
  .tabpage {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
}
.tabpage__tab {
  padding: 0 15px;
  background: white;
}
.tabpage__tab nav.navbar-default {
  padding: 0;
  border: 0;
  font-size: 0;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu > li {
  border: 0;
  border-radius: 0;
  position: relative;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu > li:active, .tabpage__tab nav.navbar-default > .nav.consult_menu > li:focus, .tabpage__tab nav.navbar-default > .nav.consult_menu > li:focus:active {
  background: none;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu > li > a, .tabpage__tab nav.navbar-default > .nav.consult_menu > li > button {
  color: #243747;
  padding: 15px 20px;
  font-size: 13px;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu > li.active {
  box-shadow: 0 2px #1791a6;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu + .nav__dropdown-wrapper .nav__dropdown-toggle {
  padding: 15px 20px;
  padding-right: 30px;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu + .nav__dropdown-wrapper .nav__dropdown-toggle:after {
  margin: 5px;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu ~ .config {
  transition: 0.2s ease;
  padding: 15px 20px;
  border: 0;
  background: none;
  font-size: 16px;
  float: right;
  line-height: 1.2;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu ~ .config:focus {
  box-shadow: none;
}
.tabpage__tab nav.navbar-default > .nav.consult_menu ~ .config:hover {
  transform: rotate(30deg);
}
.tabpage__page {
  background: #f3f3f4;
  padding: 2rem;
  padding-bottom: 1rem;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 912px) {
  .tabpage__page {
    padding-bottom: 75px;
  }
}

.navpage {
  display: flex;
  margin: -0.5rem;
  height: 100%;
}
@media only screen and (max-width: 912px) {
  .tabpage__page .navpage {
    flex-wrap: wrap;
  }
}

.navpage--reverse {
  flex-direction: row-reverse;
}
.navpage--reverse .resizer > .resizer__mini:before {
  content: "";
}
.navpage--reverse .resizer > .resizer__max:before {
  content: "";
}
.navpage--free .navpage__page, .navpage--free .navpage__nav {
  min-width: 0;
}
.navpage__page, .navpage__nav {
  margin: 0.5rem;
  overflow-y: auto;
}
@media only screen and (max-width: 912px) {
  .tabpage__page .navpage__page, .tabpage__page .navpage__nav {
    overflow-x: hidden;
    flex: 1 1 100% !important;
  }
}

.navpage__nav {
  flex: 1 1 15%;
  min-width: 250px;
}
.navpage__nav > *:not(:first-child) {
  margin-top: 1rem;
}
.navpage__nav > .section .section__head {
  padding: 1rem;
  font-size: 1.5rem;
}
.navpage__nav > .section .section__head .section__action {
  float: right;
}
#dispensary_content .navpage__nav > .toggle {
  display: none;
}
@media only screen and (max-width: 912px) {
  #dispensary_content .navpage__nav {
    transition: 0.2s transform, box-shadow 0;
    position: fixed;
    z-index: 12;
    right: 0;
    top: 35vh;
    bottom: 0;
    width: 80%;
    max-width: 450px;
    background: #f3f3f4;
    transform: translateX(100%);
    overflow: unset;
    margin: 0;
  }
  #dispensary_content .navpage__nav.show {
    transition: 0.2s transform, box-shadow 0.3s;
    transform: translateX(0);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05), 0 0 10px rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 1px #eee;
  }
  #dispensary_content .navpage__nav > .toggle {
    display: inline-block;
    position: absolute;
    right: 100%;
    transition: 0.2s;
    position: absolute;
    right: 100%;
    top: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    line-height: 2;
    padding: 10px 5px 10px 12px;
    border-radius: 50% 0 0 50%;
    border: 0;
    background: #127282;
    white-space: nowrap;
    cursor: pointer;
  }
}
#dispensary_content .navpage__nav #div_note_history {
  margin-top: 0;
  height: 100%;
}
#dispensary_content .navpage__nav #div_note_history .tabs-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#dispensary_content .navpage__nav #div_note_history .tab-content {
  overflow: auto;
  padding-bottom: 1rem;
}

.navpage__page {
  flex: 3 3 600px;
  min-width: 600px;
  padding: 1.5rem;
  background: white;
  position: relative;
}
.navpage__page#content_area {
  padding: 0;
}
.navpage__page#content_area .cnote__topbar + * {
  padding: 20px;
}
.navpage--mini, .navpage--max {
  min-width: 0;
  flex: 1 1 0;
  transition: 0s;
  flex-wrap: nowrap;
}
.navpage--mini .navpage__page, .navpage--mini .navpage__nav, .navpage--max .navpage__page, .navpage--max .navpage__nav {
  transition: 0.2s;
}
.navpage--mini .resizer__max {
  display: none;
}
.navpage--mini .navpage__page {
  flex: 1 1 auto !important;
}
.navpage--mini .navpage__nav {
  margin: 0;
  max-width: 0;
  min-width: 0;
}
.navpage--max .resizer > .resizer__max {
  margin-top: 0;
}
.navpage--max .resizer__mini {
  display: none;
}
.navpage--max .navpage__nav {
  flex: 1 1 auto !important;
}
.navpage--max .navpage__page {
  margin: 0;
  max-width: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0 !important;
}

.formpage {
  position: relative;
  width: calc(100% - 220px);
}
@media only screen and (max-width: 1400px) {
  .formpage {
    width: calc(100% - 200px);
  }
}
.formpage__title {
  font-weight: 600;
  margin-top: -0.5rem;
  margin-bottom: 2rem;
  color: #1791a6;
}
.formpage__action {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
}
.formpage__action #qrcode {
  margin-bottom: 1rem;
}
.formpage__action > * {
  flex-basis: auto;
}
.formpage__action > *:last-child {
  margin-bottom: 1rem;
}
.formpage__action button {
  border: 1px solid;
  color: #1791a6;
  padding: 6px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  margin: 8px 0;
  min-height: 35px;
}
.formpage__action button:hover {
  background: #1791a6;
  border-color: #1791a6;
  color: white;
  box-shadow: none;
}
.formpage__action button.main {
  background: #1791a6;
  border-color: #1791a6;
  color: white;
}
.formpage__action button.main:hover {
  background: #1cb0ca;
  border-color: #1cb0ca;
}
.formpage__action button i.fa {
  margin-right: 0.5em;
}
.formpage__widget, .formpage__action {
  transition: top 0s !important;
  position: absolute;
  top: 0;
  width: calc((100vw - 100% - 200px));
  max-width: 220px;
}
@media only screen and (max-width: 1400px) {
  .formpage__widget, .formpage__action {
    max-width: 200px;
  }
}
.mini-navbar .formpage__widget, .mini-navbar .formpage__action {
  width: calc((100vw - 100% - 80px));
}

.formpage__widget {
  right: 100%;
  z-index: 3;
  border-right: 5px solid #1791a6;
  background: white;
}
.formpage__widget .widget {
  display: none;
}
.formpage__action {
  left: 100%;
  overflow-x: auto;
  overflow-y: auto;
}
.formpage__main {
  background: white;
  padding: 2rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.formpage__main .form-group .row {
  margin-top: 15px;
  margin-bottom: 15px;
}

.section__head {
  padding: 0.5rem 0;
  border-bottom: 1px solid;
  font-weight: bold;
  color: #1cb0ca;
  display: flex;
  flex-wrap: wrap;
}
.section__head .note {
  color: #b8b8b8;
  font-size: 1rem;
  font-weight: normal;
}
.section__head button {
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section__head button:hover {
  opacity: 1;
}
.section__title {
  color: #1791a6;
}
.section__title > .fa:first-child {
  margin-right: 5px;
}
.section__action {
  display: inline-block;
  margin-left: auto;
  max-width: 100%;
}
.section__action button {
  max-width: 100%;
}
.section__head + .section__body {
  margin-top: 1rem;
}
.section__body {
  position: relative;
}

/** page **/
.cnote__topbar {
  display: flex;
  flex-wrap: wrap;
  color: white;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  border-bottom: 2px solid #ccc;
  color: #333 !important;
  padding: 10px;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
}
.cnote__topbar__alert {
  color: white;
  min-width: 100%;
}
.cnote__topbar__alert .alert {
  border: 0;
  position: relative;
  padding: 3px 5px;
  margin-bottom: 5px;
}
.cnote__topbar__alert .alert .close {
  transition: 0.2s ease;
  position: absolute;
  right: 0;
  top: 0;
  color: inherit;
  opacity: 1;
  text-shadow: none;
  bottom: 0;
  width: 2rem;
  display: flex;
  align-items: center;
  line-height: 0;
  justify-content: center;
  border-radius: 4px;
  opacity: 0.8;
}
.cnote__topbar__alert .alert .close, .cnote__topbar__alert .alert .close:active, .cnote__topbar__alert .alert .close:focus, .cnote__topbar__alert .alert .close:hover, .cnote__topbar__alert .alert .close:focus:active {
  box-shadow: none;
}
.cnote__topbar__alert .alert .close:hover {
  opacity: 1;
}
.cnote__topbar__alert .alert.alert-danger {
  background: #fde8e8;
  color: #d84b4b;
  padding-right: 3rem;
}
.cnote__topbar__alert .alert.alert-info {
  color: #255b65;
}
.cnote__topbar__alert .alert.alert-info .close {
  background: rgba(0, 0, 0, 0.2);
}
.cnote__topbar__userstamp {
  font-size: 14px;
  flex: 1 1 1%;
  padding: 2px;
}
.cnote__topbar__userstamp .user, .cnote__topbar__userstamp .time {
  display: inline-block;
}
.cnote__topbar__userstamp .user:before, .cnote__topbar__userstamp .time:before {
  opacity: 0.5;
  margin-right: 5px;
}
.cnote__topbar__userstamp .user:not(:first-child), .cnote__topbar__userstamp .time:not(:first-child) {
  margin-left: 0.5rem;
}
.cnote__topbar__userstamp .user:before {
  content: "";
}
.cnote__topbar__userstamp .time:before {
  content: "";
}
.cnote__topbar__action {
  margin: -0.25rem;
  margin-left: auto;
  font-size: 0;
}
.cnote__topbar__action > * {
  margin: 0.25rem;
  font-size: 12px;
  vertical-align: top;
}
.cnote__topbar__action a, .cnote__topbar__action button, .cnote__topbar__action .dropdown-menu > li > a {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  transition: 0.2s ease;
  background: #1791a6;
  color: white;
  border: 0;
}
.cnote__topbar__action a > .fa, .cnote__topbar__action button > .fa, .cnote__topbar__action .dropdown-menu > li > a > .fa {
  margin-right: 2px;
}
.cnote__topbar__action a:hover, .cnote__topbar__action a:active, .cnote__topbar__action a:focus:active, .cnote__topbar__action button:hover, .cnote__topbar__action button:active, .cnote__topbar__action button:focus:active, .cnote__topbar__action .dropdown-menu > li > a:hover, .cnote__topbar__action .dropdown-menu > li > a:active, .cnote__topbar__action .dropdown-menu > li > a:focus:active {
  background: #199db3;
}
.cnote__topbar__action a:focus, .cnote__topbar__action button:focus, .cnote__topbar__action .dropdown-menu > li > a:focus {
  box-shadow: none;
}
.cnote__topbar__action a.save, .cnote__topbar__action a.complete, .cnote__topbar__action button.save, .cnote__topbar__action button.complete, .cnote__topbar__action .dropdown-menu > li > a.save, .cnote__topbar__action .dropdown-menu > li > a.complete {
  font-weight: 600;
}
.cnote__topbar__action a.save, .cnote__topbar__action button.save, .cnote__topbar__action .dropdown-menu > li > a.save {
  background: #1748b8;
}
.cnote__topbar__action a.save:hover, .cnote__topbar__action a.save:active, .cnote__topbar__action a.save:focus:active, .cnote__topbar__action button.save:hover, .cnote__topbar__action button.save:active, .cnote__topbar__action button.save:focus:active, .cnote__topbar__action .dropdown-menu > li > a.save:hover, .cnote__topbar__action .dropdown-menu > li > a.save:active, .cnote__topbar__action .dropdown-menu > li > a.save:focus:active {
  background: #1b56dc;
}
.cnote__topbar__action a.complete, .cnote__topbar__action button.complete, .cnote__topbar__action .dropdown-menu > li > a.complete {
  background: #b39600;
}
.cnote__topbar__action a.complete:hover, .cnote__topbar__action a.complete:active, .cnote__topbar__action a.complete:focus:active, .cnote__topbar__action button.complete:hover, .cnote__topbar__action button.complete:active, .cnote__topbar__action button.complete:focus:active, .cnote__topbar__action .dropdown-menu > li > a.complete:hover, .cnote__topbar__action .dropdown-menu > li > a.complete:active, .cnote__topbar__action .dropdown-menu > li > a.complete:focus:active {
  background: #ccab00;
}
.cnote__note__control {
  padding: 0.5rem 0;
  margin: 0.5rem 0;
  text-align: right;
}
.cnote__note__control button, .cnote__note__control a {
  transition: 0.2s ease;
  border: 0;
  padding: 0.6rem 1.2rem;
  font-size: 1.5rem;
  border-radius: 2px;
  background: none;
  color: #ccc;
  margin: 0.25rem;
}
.cnote__note__control button:focus, .cnote__note__control button:active, .cnote__note__control button:focus, .cnote__note__control button:focus:active, .cnote__note__control button:hover, .cnote__note__control button:hover:active, .cnote__note__control a:focus, .cnote__note__control a:active, .cnote__note__control a:focus, .cnote__note__control a:focus:active, .cnote__note__control a:hover, .cnote__note__control a:hover:active {
  color: gray;
  background: #f3f3f4;
  box-shadow: 0 0 0 2px #f3f3f4 !important;
  outline: 0;
}
.cnote__note__control button.main, .cnote__note__control a.main {
  background: #1791a6;
  color: white;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #1791a6 !important;
}
.cnote__note__control button.main:focus, .cnote__note__control button.main:active, .cnote__note__control button.main:focus, .cnote__note__control button.main:focus:active, .cnote__note__control button.main:hover, .cnote__note__control button.main:hover:active, .cnote__note__control a.main:focus, .cnote__note__control a.main:active, .cnote__note__control a.main:focus, .cnote__note__control a.main:focus:active, .cnote__note__control a.main:hover, .cnote__note__control a.main:hover:active {
  background: #1cb0ca;
  box-shadow: 0 0 0 1px #1cb0ca !important;
}
.cnote__pastnote .section__head {
  color: #b8b8b8;
  font-weight: normal;
}
.cnote__diagnosis {
  clear: both;
}

#div_easy_dispense {
  padding: 1.5rem;
  background: white;
  transition: 0.2s transform, box-shadow 0s;
}
#div_easy_dispense .toggle {
  transition: 0.2s;
  position: absolute;
  right: 100%;
  top: 0;
  font-size: 0;
  padding: 10px 5px 10px 15px;
  border-radius: 50% 0 0 50%;
  border: 0;
  background: #1791a6;
  white-space: nowrap;
  cursor: pointer;
}
#div_easy_dispense .toggle:focus {
  box-shadow: none;
}
#div_easy_dispense .toggle:before, #div_easy_dispense .toggle:after {
  content: "";
  display: inline-block;
}
#div_easy_dispense .toggle:before {
  height: 20px;
  width: 8px;
  border-radius: 1rem;
  background: linear-gradient(transparent 10px, white 10px, white);
  box-shadow: inset 0 0 0 2px white;
}
#div_easy_dispense .toggle:after {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: linear-gradient(white, white 4px, transparent 4px, transparent 6px, white 6px, white);
  transform: rotate(-45deg);
  margin-left: 3px;
}
@media only screen and (max-width: 912px) {
  #div_easy_dispense {
    position: fixed;
    bottom: 0;
    right: 0;
    height: calc(100vh - 280px);
    z-index: 300;
    transform: translateX(100%);
    padding: 0;
  }
  #div_easy_dispense .easy_dispense {
    overflow-x: hidden;
    overflow-y: auto;
    width: 80vw;
    max-width: 500px;
    height: 100%;
  }
  #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content {
    padding: 0;
  }
  #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content, #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content #order_area, #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content #dispense_box, #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div {
    height: 100%;
    overflow: hidden;
  }
  #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div {
    display: flex;
    flex-direction: column;
  }
  #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div .section__head {
    padding: 10px;
  }
  #div_easy_dispense .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div .section__body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    box-sizing: border-box;
  }
}
#div_easy_dispense.float {
  position: fixed;
  bottom: 0;
  right: 0;
  height: calc(100vh - 280px);
  z-index: 300;
  transform: translateX(100%);
  padding: 0;
}
#div_easy_dispense.float .easy_dispense {
  overflow-x: hidden;
  overflow-y: auto;
  width: 80vw;
  max-width: 500px;
  height: 100%;
}
#div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content {
  padding: 0;
}
#div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content, #div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content #order_area, #div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content #dispense_box, #div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div {
  height: 100%;
  overflow: hidden;
}
#div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div {
  display: flex;
  flex-direction: column;
}
#div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div .section__head {
  padding: 10px;
}
#div_easy_dispense.float .easy_dispense .custom-consultation-order-wrapper-content #dispensary_title_div .section__body {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  box-sizing: border-box;
}
#div_easy_dispense.float + * {
  margin-top: 0;
}
#div_easy_dispense.show {
  transition: 0.2s transform, box-shadow 0.3s;
  transform: translateX(0);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05), 0 0 10px rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 1px #eee;
}

#appointment_schedule {
  position: fixed;
  left: 1rem;
}

/** component **/
.bermuda__action {
  margin-right: 1rem;
  display: flex;
  float: right;
}
.bermuda__action .btn-group {
  margin-top: -1px;
}
.bermuda__action .btn-group .dropdown-menu {
  padding: 0.5rem;
}
.bermuda__action .btn-group .dropdown-menu a {
  padding: 0.5rem;
  margin: 0;
}
.bermuda__action .btn-group .dropdown-menu a:hover {
  box-shadow: none;
  color: #1791a6;
}
.bermuda__head {
  color: #1791a6;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 2px solid #1791a6;
  padding: 10px;
  padding-right: 3rem;
  position: relative;
}
#note_content .bermuda__head {
  border: 0;
}

.bermuda__head a:first-child, .bermuda__head button:first-child {
  margin-left: 1rem;
}
.bermuda__head .count {
  font-size: 12px;
  transform: scale(0.8);
  background: #ffd600;
  color: #243747;
  opacity: 0.8;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  vertical-align: top;
  line-height: 1.5em;
  text-align: center;
  margin-left: 5px;
}
.bermuda__toggle {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  color: #1791a6;
}
.bermuda__toggle:before {
  transition: 0.2s ease;
  content: "";
}
.bermuda__toggle[class]:focus, .bermuda__toggle[class]:active, .bermuda__toggle[class]:focus, .bermuda__toggle[class]:focus:active, .bermuda__toggle[class]:hover, .bermuda__toggle[class]:hover:active {
  box-shadow: none !important;
  background: none !important;
  outline: none;
}
.bermuda__body {
  transition: 0.2s ease;
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
}
.bermuda.show .bermuda__body {
  animation: slideshow 0.5s ease 1 forwards;
  padding: 10px;
}
.bermuda.show .bermuda__toggle:before {
  transform: rotate(180deg);
}

.bermudaform__head, .bermudaform__body, .bermudaform__foot {
  padding: 1rem;
}
.bermudaform__head, .bermudaform__foot {
  background: #243747;
  color: white;
  margin: 0;
}
.bermudaform__foot {
  display: flex;
  justify-content: space-between;
}
.bermudaform__head {
  display: table;
  width: 100%;
}
.bermudaform__head:after {
  content: "";
  display: table;
  clear: both;
}
.bermudaform__head .title {
  font-size: 14px;
}
.bermudaform__head .remark {
  color: cyan;
  font-weight: normal;
  display: block;
}
.bermudaform__head .note {
  float: right;
  background: gold;
  padding: 0 5px;
  color: #243747;
  margin-left: 0.5rem;
}
.bermudaform__body {
  background: rgba(0, 255, 255, 0.1);
}
.bermudaform__body:first-child, .bermudaform__head[style*="display: none"] + .bermudaform__body {
  border-top: 6px solid #243747;
}
.bermudaform__foot {
  text-align: right;
}
.bermudaform__foot .btn {
  margin-bottom: 0;
}
.bermudaform__foot .button--remove.button--ghost {
  border: 1px solid;
}

.navpage .widget {
  margin: 0.5rem;
  border-radius: 0;
  background: white;
  border: 0;
}
@media only screen and (min-width: 1024px) {
  .navpage .widget {
    float: left;
    width: calc(50% - 1rem);
  }
}
.navpage .widget.allergy .bootstrap-tagsinput {
  width: 100%;
}
.navpage .widget__wrapper {
  margin: -0.5rem;
}
.navpage .widget__wrapper:after {
  height: 0.5rem;
}
@media only screen and (max-width: 1023px) {
  .navpage .widget__wrapper {
    display: flex;
    flex-direction: column;
  }
  .navpage .widget__wrapper > .allergy {
    order: -1;
  }
}

.navpage .form-horizontal .widget {
  float: none;
  width: auto;
  margin: 0;
}

.consult {
  transition: 0.2s ease;
  background: white;
  margin: 15px 0;
  padding: 15px;
  cursor: pointer;
  border: 3px solid transparent;
  position: relative;
  box-sizing: content-box;
}
.consult:not(.active):hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15), 3px 5px 2px -5px rgba(0, 0, 0, 0.2);
}
.consult > *:not(:first-child) {
  margin-top: 0;
}
.consult__head {
  padding: 0.5rem 0 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #f3f3f4;
}
.consult__inv {
  font-size: 14px;
}
.consult__inv .status {
  float: right;
  font-weight: 600;
  color: white;
  padding: 0 8px;
  border-radius: 1rem;
  font-size: 12px;
}
.consult__inv .status.fail {
  background: #f15b5b;
}
.consult__inv .status.warning {
  background: #b39600;
}
.consult__inv .status.success {
  background: #6ea915;
}
.consult__info {
  opacity: 0.6;
  margin: -0.5rem;
}
.consult__info > * {
  margin: 0.5rem;
  line-height: 1.2;
  display: inline-block;
}
.consult__info .date:before, .consult__info .location:before {
  margin-right: 0.5rem;
}
.consult__info .date:before {
  content: "";
}
.consult__info .location:before {
  content: "";
}
.consult__info:first-child > .date:first-child {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1791a6;
}
.consult.active {
  border-color: #1791a6;
}
.consult.active .consult__info {
  opacity: 1;
}
.consult.today {
  padding-left: 3rem;
  background: lightyellow;
}
.consult.today .consult__head {
  border-color: #1791a6;
}
.consult.today:after {
  content: "TODAY";
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  text-indent: 3px;
  padding: 3px;
  font-size: 12px;
  background: #1791a6;
  line-height: 1;
  color: white;
  font-weight: 600;
  transform-origin: top left;
  writing-mode: vertical-lr;
}

#div_os_filter {
  margin: 15px 0;
  background: #f96969;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  font-weight: 600;
}
#div_os_filter .onoffswitch-label {
  margin-bottom: 0;
  border: 0;
}
#div_os_filter .onoffswitch-switch {
  border-color: #555;
}
#div_os_filter .onoffswitch-inner:before, #div_os_filter .onoffswitch-inner:after {
  height: 20px;
  line-height: 20px;
}
#div_os_filter .onoffswitch-inner:before {
  background-color: #555;
}
#div_os_filter .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 1px;
  bottom: 1px;
}

.floatpanel {
  z-index: 9;
  transform: translateX(-100%);
  pointer-events: none;
  transition: 0.2s ease;
}
.floatpanel > *:only-child {
  border-top: 2px solid black;
  border-right: 2px solid black;
  background: white;
  padding: 1rem;
  width: 100%;
  height: 100%;
  max-width: 300px;
  overflow: auto;
}
.floatpanel:after, .floatpanel:before {
  position: absolute;
}
.floatpanel:before {
  content: "";
  background: rgba(35, 38, 45, 0.9);
  width: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.floatpanel:after {
  transition: 0.2s ease;
  cursor: pointer;
  content: "";
  top: 0;
  left: 100%;
  padding: 1rem;
  font-size: 2rem;
  background: black;
  color: white;
  transform: translateX(-100%);
  z-index: -1;
}
.floatpanel.visible {
  transform: translateX(0);
  pointer-events: all;
}
.floatpanel.visible:after {
  transform: translateX(0);
  transition: 0.2s ease 0.1s;
}

/** element **/
.notetag {
  transition: 0.2s ease;
  background: #ecfaff;
  margin: 1rem 0;
  position: relative;
  color: black;
}
.notetag:before {
  transition: 0.2s ease;
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: blodk;
}
.notetag:hover:before, .notetag.current:before {
  box-shadow: inset 0 0 0 3px #1791a6;
}
.notetag__head {
  font-size: 1.5rem;
  position: relative;
  border-color: #f3f3f4;
}
.notetag__head .pin {
  transition: 0.2s;
}
.notetag__head .pin > *[class*=fa] {
  font-size: 18px;
  color: #ccc;
  transition: 0.2s;
  transform: rotate(45deg);
}
.notetag__head .pin:hover > *[class*=fa] {
  color: #1791a6;
}
.notetag__head .pin.active > *[class*=fa] {
  color: red;
  transform: rotate(0) translate(0, 0);
}
.notetag__head .location {
  font-weight: normal;
  display: inline-block;
  font-size: 12px;
  margin-left: 0.5rem;
  opacity: 0.65;
}
.notetag__head .location:before {
  content: "";
  margin-right: 0.5rem;
}
.notetag__head .btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.notetag__head .dropdown-menu > li > a {
  margin: 0.5rem;
}
.notetag__head .dropdown-menu > li > a:hover {
  background-color: #f5f5f5;
}
.notetag.current {
  background: white;
  color: #243747;
}
.notetag.current .location {
  color: #999;
}

.imglink {
  width: calc(33% - 10px);
  border: 2px solid #f3f3f4;
  border-radius: 2px;
  padding: 0.5rem;
  margin: 5px;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  float: left;
}
.imglink__wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.imglink__control {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  text-align: right;
}
.imglink__control button, .imglink__control a {
  padding: 1px 6px;
  transition: 0.2s;
  border: 0;
  background: #f3f3f4;
  border-radius: 2px;
  color: #1791a6;
  font-size: 1.5rem;
  margin: 0.25rem;
  opacity: 0.8;
}
.imglink__control button:hover, .imglink__control a:hover {
  opacity: 1;
}
.imglink__control button:focus, .imglink__control button:active, .imglink__control button:focus, .imglink__control button:focus:active, .imglink__control button:hover, .imglink__control button:hover:active, .imglink__control a:focus, .imglink__control a:active, .imglink__control a:focus, .imglink__control a:focus:active, .imglink__control a:hover, .imglink__control a:hover:active {
  box-shadow: none !important;
  outline: none;
}

.link--icon [class*=fa-]:first-child {
  margin-right: 0.5em;
}

.imgload {
  color: #ccc;
  position: relative;
}
.imgload--loading, .imgload--broken {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.imgload--loading > img, .imgload--broken > img {
  opacity: 0;
  height: 0;
  width: 0;
}
.imgload--loading:before, .imgload--broken:before {
  font-size: 3rem;
  position: absolute;
  left: calc((100% - 1em) / 2);
  top: calc((100% - 1em) / 2);
}
.imgload--loading, .imgload--loading:before, .imgload--loading *, .imgload--broken, .imgload--broken:before, .imgload--broken * {
  transition: 0.2s ease;
}
.imgload--loading:before {
  content: "";
  animation: loading 1s linear infinite;
}
.imgload--broken {
  background: #f3f3f4;
}
.imgload--broken:before {
  content: "";
}

.formfield__input {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.formfield__input > input, .formfield__input > select, .formfield__input > textarea, .formfield__input > .select2, .formfield__input > .typehead, .formfield__input > .twitter-typeahead {
  flex: 1 1 1%;
}
.formfield__input > * {
  margin: 0.5rem;
}
.formfield__input > *.error {
  margin: 0 0.5rem;
  min-width: 100%;
}
.formfield__input.btn-group-append > input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.formfield__input.btn-group-append > .btn-group {
  margin-left: -0.5rem;
}
.formfield__input.btn-group-append > .btn-group > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button--ghost {
  transition: 0.2s ease;
  border-color: transparent;
  color: #1791a6;
  background: none;
  border-radius: 5px;
}
.button--ghost:hover {
  background: #1791a6;
  color: white;
}
.button--remove {
  color: white;
  background: #f15b5b;
}
.button--remove.button--ghost {
  color: #f15b5b;
  border-color: #f15b5b;
  background: transparent;
}
.button--remove.button--ghost:hover {
  color: white;
  border-color: #f15b5b;
  background: #f15b5b;
}
.button--allergy[class] {
  position: relative;
}
.button--allergy[class]:after {
  transition: 0.3s 0.1s;
  content: "";
  border-left: 3px solid transparent;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  position: absolute;
  top: calc(50% - 3px);
  left: -6px;
}
.button--allergy[class], .button--allergy[class]:hover, .button--allergy[class]:focus {
  color: #f15b5b;
}
.button--allergy[class] > i.fa {
  color: inherit;
}
.button--allergy[class] .pin {
  transition: 0.2s;
  padding: 5px;
  color: rgba(255, 255, 255, 0.5);
  transform: rotate(45deg);
  margin: -5px;
}
.button--allergy[class] .pin .fa {
  pointer-events: none;
}
.button--allergy[class] .pin:hover {
  color: white;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.85);
}
.button--allergy[class] .allergytext {
  transition: 0.3s 0.1s;
  position: absolute;
  top: 50%;
  right: calc(100% + 5px);
  max-width: 230px;
  transform: translateY(-50%);
  background: rgba(36, 55, 71, 0.85);
  z-index: 12;
  padding: 8px;
  border-radius: 3px;
  color: white;
  opacity: 0;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
}
.button--allergy[class] .allergytext:hover {
  max-width: 100vw;
  width: auto;
}
.button--allergy[class] .allergytext .count[count] {
  color: #f48181;
  white-space: nowrap;
}
.button--allergy[class] .allergytext .count[count]:after {
  content: "(" attr(count) ")";
  display: inline-block;
  margin-left: 3px;
}
.button--allergy[class] .allergytext__head {
  display: flex;
}
.button--allergy[class] .allergytext__head .pin {
  margin-left: auto;
}
.button--allergy[class] .allergytext--g6pd {
  color: #ffd600;
  transition: 0.3s 0.1s;
  pointer-events: none;
  margin-left: 3px;
}
.button--allergy[class] .allergytext--g6pd:before {
  content: "G6PD: ";
}

.btngroup-g6pd {
  margin: 1rem 0;
  color: #1791a6;
}
.btngroup-g6pd > button:first-child {
  margin-left: 0;
}
.btngroup-g6pd > button:before, .btngroup-g6pd > button:hover:before, .btngroup-g6pd > button:active:before, .btngroup-g6pd > button:focus:before, .btngroup-g6pd > button:focus:active:before {
  content: "";
  margin-right: 5px;
}

.resizer {
  width: 20px;
  min-width: 20px;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .resizer {
    display: none;
  }
}
.resizer > .resizer__main, .resizer > .resizer__mini, .resizer__max {
  transition: 0.2s;
  position: absolute;
  z-index: 1;
  border: 0;
  background: none;
}
.resizer > .resizer__mini, .resizer > .resizer__max {
  border-radius: 5px;
  z-index: 2;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}
.resizer > .resizer__mini:before, .resizer > .resizer__max:before {
  transition: 0.2s;
  text-shadow: 0 0 0;
}
.resizer > .resizer__mini:hover, .resizer > .resizer__max:hover {
  background: rgba(204, 204, 204, 0.5);
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
  text-shadow: none;
}
.resizer > .resizer__mini:focus, .resizer > .resizer__max:focus {
  box-shadow: none;
}
.resizer > .resizer__mini:before {
  content: "";
}
.navpage--mini .resizer > .resizer__mini:before {
  transform: rotate(180deg);
}

.resizer > .resizer__max {
  margin-top: 25px;
}
.resizer > .resizer__max:before {
  content: "";
}
.navpage--max .resizer > .resizer__max:before {
  transform: rotate(180deg);
}

.resizer > .resizer__main {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  color: white;
  line-height: 0;
  padding: 0;
  box-shadow: inset 0 0 0 8px #f3f3f4;
  color: transparent;
}
.resizer > .resizer__main:hover, .resizer > .resizer__main:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #243747;
}
.resizer > .resizer__main, .resizer > .resizer__main:active, .resizer > .resizer__main:focus {
  box-shadow: inset 0 0 0 8px #f3f3f4;
}

.formstab {
  position: relative;
}
.formstab__head {
  transition: 0.2s;
  padding: 1rem;
  font-size: 1.2rem;
  cursor: pointer;
  background: white;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.formstab__head:hover {
  color: white;
  background: #1791a6;
}
.formstab__head:before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.formstab__head .count {
  background: #ffd600;
  color: #1791a6;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  line-height: 20px;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
  transform: scale(0.8);
  transform-origin: top left;
  font-weight: 600;
}
.formstab__body {
  position: absolute;
  left: 100%;
  top: 0;
  transition: 0.2s !important;
  padding: 1.5rem;
  background: rgba(23, 145, 166, 0.9);
  min-width: 35vw;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  margin-left: -5px;
  color: white;
  overflow: auto;
}
.formstab__body > *:not(button):not(table) {
  color: white !important;
}
.formstab__body .bermudaform {
  background: white;
  color: #555;
  clear: both;
}
.formstab__body .bermudaform input {
  border: 1px solid #ccc;
}
.formstab__body button {
  color: #1791a6;
  background: rgba(255, 255, 255, 0.85);
  border: 0;
}
.formstab__body button > .fa:first-child {
  margin-right: 5px;
}
.formstab__body button:hover {
  background: white;
}
.formstab__body input, .formstab__body textarea, .formstab__body select {
  color: #243747;
  background: white;
  border: 0;
}
.formstab__body input:focus, .formstab__body input:focus:active, .formstab__body textarea:focus, .formstab__body textarea:focus:active, .formstab__body select:focus, .formstab__body select:focus:active {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3) !important;
}
.formstab__body textarea {
  resize: vertical;
}
.formstab__body table, .formstab__body .table-responsive {
  clear: both;
  background: white;
  color: #555;
}
.formstab.visible .formstab__head {
  background: rgba(23, 145, 166, 0.9);
  color: white;
}
.formstab.visible .formstab__head:before {
  pointer-events: all;
}
.formstab.visible .formstab__body {
  opacity: 1;
  pointer-events: all;
  margin-left: 0;
}

/** bootstrap **/
.navpage__nav .nav-tabs[class] {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  border-bottom: 2px solid;
  color: rgba(36, 55, 71, 0.5);
  margin-top: 0;
}
.navpage__nav .nav-tabs[class] > li {
  float: none;
  margin-bottom: 0;
}
.navpage__nav .nav-tabs[class] > li > a {
  transition: 0.2s ease;
  color: inherit;
  border: 0;
  border-radius: 0;
  margin: 0;
  white-space: nowrap;
  padding: 10px;
  padding-top: 0;
}
.navpage__nav .nav-tabs[class] > li > a:hover {
  color: rgba(36, 55, 71, 0.75);
  box-shadow: 0 2px rgba(36, 55, 71, 0.3);
}
.navpage__nav .nav-tabs[class] > li.active > a {
  box-shadow: 0 2px;
  color: #243747;
  font-weight: 600;
}
.navpage__nav .nav-tabs[class] > li.active > a, .navpage__nav .nav-tabs[class] > li.active > a:hover, .navpage__nav .nav-tabs[class] > li.active > a:focus {
  background: none;
  border: 0;
}
.navpage__nav .tabs-container[class] .tab-content, .navpage__nav .tabs-container[class] .panel-body {
  border: 0;
  background: none;
  padding: 0;
}

.select2-container--disabled {
  pointer-events: none;
}

.patient__photo > button, .patient__photo:after {
  position: absolute;
  bottom: 2rem;
  left: 65%;
  padding: 8px;
  font-size: 12px;
  color: white;
  font-weight: 500;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  line-height: 1;
}

.patient__addtoqueue {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
}
.patient__addtoqueue .select2 {
  width: 100% !important;
}
.patient__photo {
  transition: 0.2s;
  position: relative;
  cursor: pointer;
  opacity: 0.8;
  height: 0;
  padding-bottom: 100%;
}
.patient__photo:hover {
  opacity: 1;
}
.patient__photo > img {
  position: absolute;
  left: 2rem;
  right: 2rem;
  top: 2rem;
  bottom: 2rem;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  object-fit: cover;
  border-radius: 50%;
}
.patient__photo:after {
  content: "";
  background: #1791a6;
}
.patient__photo > button {
  background: #f15b5b;
  border: 1px solid #f15b5b;
  z-index: 1;
  min-height: 0;
  margin: 0;
}
.patient__photo > button:focus {
  box-shadow: none;
}
.patient__photo > button:before {
  content: "";
}

.profile__allergy {
  padding: 15px 0;
  background: rgba(204, 204, 204, 0.1);
}
.profile__allergy__allergy {
  position: relative;
  z-index: 1;
}
.profile__allergy__allergy button {
  float: right;
  background: none;
  border: 0;
  margin: 7px 0 7px 5px;
  font-size: 12px;
}
.profile__allergy__allergy button:hover {
  background: #eee;
  box-shadow: 0 0 0 2px #eee;
}
.profile__allergy__allergy button:first-of-type {
  margin-right: 7px;
}
.profile__allergy__allergy button i.fa {
  margin-right: 3px;
}
.profile__allergy__allergy .form-control {
  height: auto;
  position: relative;
}
.profile__allergy__allergy .bootstrap-tagsinput {
  border: 0;
  width: 100%;
  height: 100%;
  padding-right: 14rem;
}
.profile__allergy__allergy .bootstrap-tagsinput .tag {
  margin: 2px;
}
.profile__allergy__allergy .bootstrap-tagsinput input:focus {
  box-shadow: none;
}
.profile__allergy__allergy .btn-group {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  margin: 2px;
}
.profile__history .bermuda__body {
  display: flex;
  align-items: stretch;
}
.profile__history .bermuda__body > .notearea {
  flex: 1 1 auto;
}
.profile__history .bermuda__body > .notearea textarea {
  resize: vertical;
}
.profile__history .bermuda__body > .notearea:not(:first-child) {
  margin-left: 2rem;
}
.profile__history .bermuda__body .notearea__title {
  font-size: 13px;
}

button.btn-payment[class] {
  transition: 0.2s;
  background: #f1a24c;
  color: white;
  max-height: none;
  padding: 0 15px;
  border: 0;
}
button.btn-payment[class]:hover, button.btn-payment[class]:focus, button.btn-payment[class]:active {
  background: #ee8e26 !important;
  border: 0;
}
.cnote__topbar__action button.btn-payment[class] {
  padding: 0 10px;
  max-height: 23px;
}

button.btn-expand:before {
  content: "Expand ";
}
button.btn-expand.expanded:before {
  content: "Collapse ";
}

@media screen and (orientation: portrait) {
  .hidePortrait {
    display: none;
  }
}

#registration .bermuda .bermuda__head {
  border: 0;
}
#registration .bermuda .bermuda__head, #registration .bermuda .bermuda__head > .bermuda__toggle {
  padding: 10px 0;
}
#registration .bermuda .bermuda__head .bermuda__toggle {
  padding-right: 10px;
}
#registration .bermuda .bermuda__head .link--icon {
  background: #1791a6;
  color: white;
  font-weight: normal;
  transform: scale(0.8);
  transform-origin: left center;
  border-radius: 5px;
}
#registration .bermuda .bermuda__head .link--icon:hover {
  background: #1aa5bc;
}
#registration .bermuda .bermuda__body {
  padding-top: 0;
}

#format_PatientName + .note-editor {
  border: 0;
}
#format_PatientName + .note-editor .note-toolbar.panel-heading {
  padding: 0;
  border: 0;
  background: none;
  float: right;
}
#format_PatientName + .note-editor .note-toolbar.panel-heading .btn-group > button {
  transition: 0.2s;
  border: 0;
  height: 26px;
  border-radius: 3px;
  color: #243747;
}
#format_PatientName + .note-editor .note-toolbar.panel-heading .btn-group > button:hover {
  background: #f3f3f4 !important;
  box-shadow: 0 0 0 1px #f3f3f4;
  color: #243747 !important;
}
#format_PatientName + .note-editor .note-editable {
  border-radius: 5px;
  border-color: #cdcdcd;
  max-height: 34px;
  padding-right: 11rem !important;
}

.navbar-static-side {
  box-shadow: 0 50vh #2f3f50;
}

#patient_menu_patient_information_overview_div {
  padding: 0;
}
#patient_menu_patient_information_overview_div .page__title {
  margin: 0;
}
#patient_menu_patient_information_overview_div .page__title .patient_notes {
  margin: 10px;
}
#patient_menu_patient_information_overview_div .page__title .patient_notes:not(:first-child):not([style*="display: none"]) {
  margin-top: -10px;
}
#patient_menu_patient_information_overview_div .page__title .patient_notes[style*="display: none"] + *.patient_notes {
  margin-top: 10px;
}

#patient_menu_title {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 8px;
  line-height: 43px;
}
#patient_menu_title + #title_tool {
  display: flex;
  align-items: center;
  z-index: 501;
}
#patient_menu_title + #title_tool button {
  margin: 0;
}
#patient_menu_title + #title_tool button:hover {
  box-shadow: none;
}

.callq {
  transition: 0.2s;
  background: #b39600;
  color: white;
  padding: 6px 8px;
  line-height: 1;
  border-radius: 3px;
  margin: 8px;
  border: 0;
}
.callq > *[class*=fa-] {
  font-size: 12px;
  color: inherit;
}
.callq[class]:focus, .callq[class] :active, .callq[class]:focus:active {
  box-shadow: none;
}
.callq:hover {
  background: #c2a300;
}

*[hint] {
  position: relative;
  z-index: 12;
  white-space: nowrap;
}
*[hint]:before, *[hint]:after {
  position: absolute;
  white-space: nowrap;
  top: calc(100% + 13px);
  right: 50%;
  transition: 0.2s ease 0.2s;
  pointer-events: none;
  opacity: 0;
}
*[hint]:before {
  content: "";
  color: rgba(36, 55, 71, 0.8);
  transform: translate(50%, -100%);
  line-height: 4px;
  font-size: 12px;
}
*[hint]:after {
  transform: translatex(50%);
  content: attr(hint);
  background: rgba(36, 55, 71, 0.8);
  color: white;
  padding: 3px 5px;
  z-index: 8;
  line-height: 1.2;
  border-radius: 3px;
  font-size: 12px;
  text-transform: none;
}
*[hint]:last-child:after {
  right: 0;
  transform: none;
}
*[hint]:hover:after, *[hint]:hover:before {
  opacity: 1;
  top: calc(100% + 8px);
}
*[hint]:last-child:after {
  right: 0;
  transform: none;
}

.form--mini .form-group {
  margin-bottom: 5px;
}

.formfield--subprice {
  position: relative;
  flex: 1 1 20%;
  min-width: 120px;
}
.formfield--subprice > input {
  text-align: right;
  padding-left: 10px;
  padding-right: 32px;
}
.formfield--subprice:before {
  content: "Subtotal";
  position: absolute;
  left: 5px;
  top: 8px;
  opacity: 0.5;
}
.formfield--subprice .calculator {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 10px;
}
.formfield--discount {
  flex: 1 1 10%;
  min-width: 120px;
  position: relative;
  flex-wrap: nowrap;
}
.formfield--discount > * {
  margin: 0;
}
.formfield--discount > input.form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: right;
  margin-left: -1px;
  flex: 1 1 auto;
}
.formfield--discount > select.form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 0 0 auto;
  width: auto;
}

[prepend] {
  position: relative;
}
[prepend]:before {
  content: attr(prepend);
  position: absolute;
  padding: 8px;
}
[prepend].formfield__input:before {
  left: 1.5rem;
}
[prepend] > input:first-child {
  padding-left: calc(1em + 8px);
  text-align: right;
}

button.pagesave {
  border: 1px solid;
  color: #1791a6;
  padding: 6px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  margin: 8px 0;
  min-height: 35px;
}
button.pagesave:hover {
  background: #1791a6;
  border-color: #1791a6;
  color: white;
  box-shadow: none;
}
button.pagesave.main {
  background: #3249b8;
  border-color: #3249b8;
  color: white;
}
button.pagesave.main:hover {
  background: #465dcd;
  border-color: #465dcd;
}
button.pagesave i.fa {
  margin-right: 0.5em;
}

/*# sourceMappingURL=flip.css.map */