.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('/images/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 6px;
  line-height: 30px;
  font-weight: 600;
}

h4 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

a {
  text-decoration: underline;
}

.content-column {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  float: right;
}

.nav-button {
  float: none;
  cursor: pointer;
}

.nav-button.w--open {
  background-color: #000;
}

.nav-link {
  display: inline-block;
  width: 100%;
  padding: 24px 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #000;
  text-decoration: none;
}

.nav-link:hover {
  background-color: #f6f8fb;
}

.nav-link.w--current {
  background-color: rgba(223, 232, 242, 0.55);
  color: #000;
}

.menu-icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  float: left;
}

.menu-icon.pharmacy {
  border-color: #59b25a;
  background-color: #59b25a;
}

.menu-icon.patients {
  background-image: url('/images/ic_person.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.menu-icon.reports {
  background-image: url('/images/ic_assignment.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.menu-icon.settings {
  background-image: url('/images/ic_settings.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.menu-icon.requests {
  background-image: url('/images/ic_accessibility.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.menu-icon.sent-report {
  background-image: url('/images/ic_sent_report.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.menu-icon.pending {
  background-image: url('/images/ic_pending.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.menu-icon.dispensed {
  background-image: url('/images/ic_prescriptions_1.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.menu-icon.folder {
  background-image: url('/images/ic_folder.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.menu-icon.drugs {
  background-image: url('/images/ic_prescriptions.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.menu-icon.add-drugs {
  background-image: url('/images/ic_add.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.menu-icon.labs {
  background-image: url('/images/ic_invert_colors.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.menu-icon.data {
  background-image: url('/images/ic_data_1.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.nav-text {
  margin-top: 2px;
  float: left;
}

.container {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 80%;
  float: none;
  border-left: 1px solid #d3e0ee;
}

.nav-section {
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

.title-bar {
  position: relative;
  z-index: 1000;
  height: 60px;
  border-bottom: 1px solid #dfe8f2;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.06);
  color: #000;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
}

.data-section {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
  margin-top: 60px;
  padding: 32px;
  background-color: #f6f8fb;
}

.nav-profile {
  padding: 24px 32px;
  border-bottom: 1px solid #d3e0ee;
  text-align: left;
}

.nav-avatar {
  width: 56px;
  height: 56px;
  margin-bottom: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #f6f8fb;
  background-image: url('/images/avatar_patient_default.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.nav-avatar.ghartey {
  background-image: url('/images/kweku-ghartey-p-500x500.jpeg');
}

.nav-avatar.doctor {
  background-image: url('/images/avatar_doc_default.png');
}

.nav-avatar.pharmacy {
  background-image: url('/images/avatar_pharmacy_default.png');
  background-size: cover;
}

.nav-avatar.lab {
  background-image: url('/images/avatar_labs_default.png');
}

.profile-h1 {
  font-size: 16px;
  font-weight: 500;
}

.profile-h2 {
  color: rgba(0, 0, 0, 0.32);
  font-size: 14px;
}

.nav-title-h1 {
  display: inline-block;
  float: left;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}

.title-bar-section {
  position: relative;
  display: block;
  width: 680px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}

.data-block {
  overflow: hidden;
  width: 680px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  border: 1px solid #dfe8f2;
  border-radius: 3px;
  background-color: #fff;
}

.data-block.search-block {
  padding: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  font-size: 17px;
}

.data-block.padding {
  padding: 48px 32px;
}

.data-block.investigation-selected {
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

.data-block.done-prompt {
  padding: 48px 32px 16px;
  background-color: #fff;
  color: #fff;
}

.data-block.add-new {
  margin-top: -16px;
  padding: 16px 16px 16px 32px;
  border-style: solid;
  border-width: 1px 1px 1px 2px;
  border-color: #d3e0ee #d3e0ee #d3e0ee #fe5858;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  text-align: left;
}

.data-block.visit {
  margin-bottom: 16px;
  border-bottom-style: none;
}

.data-block.null-line {
  border-bottom-style: none;
}

.data-block.hide {
  display: none;
}

.data-block.categories {
  background-color: #f6f8fb;
}

.navbar-copy {
  display: none;
  width: 20%;
  float: left;
}

.search-input {
  width: 100%;
  height: 52px;
  margin-bottom: 0px;
  padding: 10px 32px 10px 56px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 2px;
  background-image: url('/images/ic_search.svg');
  background-position: 16px 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  font-size: 17px;
}

.search-input:hover {
  border-color: #00b066;
}

.search-input:focus {
  border-color: #00b066;
}

.search-input::-webkit-input-placeholder {
  font-size: 20px;
}

.search-input:-ms-input-placeholder {
  font-size: 20px;
}

.search-input::-ms-input-placeholder {
  font-size: 20px;
}

.search-input::placeholder {
  font-size: 20px;
}

.search {
  margin-bottom: 0px;
}

.item-list {
  display: block;
  width: 100%;
  padding: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #f6f8fb;
  background-color: #fff;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  text-decoration: none;
}

.item-list:hover {
  background-color: #f6f8fb;
}

.item-list.child {
  margin-top: -1px;
  border-top: 1px solid rgba(223, 232, 242, 0.4);
  border-bottom-color: rgba(223, 232, 242, 0.4);
  background-color: rgba(246, 248, 251, 0.54);
}

.item-list.child:hover {
  background-color: #f6f8fb;
}

.item-list.visit {
  border-bottom-style: none;
}

.item-list.visit:hover {
  background-color: #f6f8fb;
}

.patient-avatar {
  width: 42px;
  height: 42px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #dfe8f2;
  background-image: url('/images/avatar_patient_default_1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.patient-avatar.folder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: #d3e0ee;
  background-color: #d3e0ee;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.patient-avatar.folder:hover {
  background-image: url('/images/avatar_patient_default.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.patient-avatar.outline {
  border-color: #d3e0ee;
}

.patient-avatar.home {
  display: none;
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-color: #d3e0ee;
  background-color: #d3e0ee;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.patient-list {
  margin-left: 16px;
  float: left;
}

.item-h1 {
  color: #1c3044;
  font-size: 16px;
  font-weight: 500;
}

.item-h1.bold {
  line-height: 24px;
  font-weight: 600;
}

.item-h2 {
  margin-top: 2px;
  float: none;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
}

.patient-details-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 32px 16px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d3e0ee;
  background-color: #fff;
  color: #000;
  text-align: center;
}

.patient-details-block.patient {
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 6px;
}

.content-block {
  margin-bottom: 32px;
}

.content-block._16 {
  margin-bottom: 16px;
}

.content-block._16.phone-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.content-block.center {
  text-align: center;
}

.content-block._16-up {
  margin-bottom: 0px;
}

.content-block.done {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
}

.content-block.logout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-block.register {
  margin-bottom: 16px;
  padding-top: 10px;
  padding-left: 10px;
  border-radius: 4px;
  background-color: #f6f8fb;
}

.content-block._8 {
  margin-bottom: 8px;
}

.content-block.ghana-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-block.phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.h1 {
  margin-bottom: 2px;
  color: #1c3044;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}

.h1.left-hard {
  float: none;
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
}

.h2 {
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
}

.visit-block {
  display: block;
  padding: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f8fb;
  background-color: #fff;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  text-decoration: none;
}

.visit-block:hover {
  background-color: #f6f8fb;
}

.visit-icon {
  width: 42px;
  height: 42px;
  float: left;
  border-radius: 50%;
  background-color: #f6f8fb;
  background-image: url('/images/ic_visit.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  box-shadow: none;
}

.nav-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.nav-icon.back {
  margin-right: 16px;
  float: left;
  background-image: url('/images/ic_arrow_back.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.nav-icon.check {
  float: right;
  background-image: url('/images/ic_check.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.nav-icon.forward {
  margin-top: 8px;
  margin-bottom: 8px;
  float: right;
  background-image: url('/images/ic_chevron_right.svg');
  background-position: 50% 50%;
  background-size: 8px;
  background-repeat: no-repeat;
}

.nav-icon.info {
  float: right;
  background-image: url('/images/ic_info_1.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.nav-icon.unlocked {
  margin-top: 8px;
  margin-bottom: 8px;
  float: right;
  background-image: url('/images/ic_lock_open.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.nav-icon.locked {
  margin-top: 8px;
  margin-bottom: 8px;
  float: right;
  background-image: url('/images/ic_lock.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.nav-icon.checked {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  padding: 12px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(23, 143, 92, 0.46);
  border-radius: 50%;
  background-color: #00b066;
  background-image: url('/images/ic_check_white.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.nav-icon.close {
  margin-top: -20px;
}

.nav-icon.expand {
  float: right;
  background-image: url('/images/ic_expand_more.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.nav-icon.view {
  margin-top: -2px;
  margin-left: 16px;
  float: right;
  background-image: url('/images/ic_chevron_right.svg');
  background-position: 50% 50%;
  background-size: 6px;
  background-repeat: no-repeat;
}

.modal-overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: none;
  overflow: auto;
  padding: 104px 16px 54px;
  background-color: rgba(29, 34, 39, 0.86);
}

.modal-overlay.nav {
  display: block;
}

.modal-block {
  display: block;
  max-width: 420px;
  min-width: 420px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px 32px 16px;
  border-radius: 6px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
}

.button {
  margin-right: 16px;
  margin-left: 16px;
  padding: 12px 16px;
  border-radius: 4px;
  background-color: #3952a6;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  text-transform: capitalize;
  cursor: pointer;
}

.button:hover {
  background-color: #1d368b;
}

.button.approved {
  width: 40%;
  float: right;
}

.button.declined {
  width: 40%;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  background-color: #f6f8fb;
  color: rgba(0, 0, 0, 0.82);
}

.button.declined:hover {
  background-color: #d3e0ee;
}

.button.add {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  padding: 10px 36px;
  float: left;
  background-color: #3952a6;
  font-size: 15px;
  text-align: center;
}

.button.send {
  display: block;
  margin-right: 0px;
  padding: 10px 36px;
  float: right;
  text-align: center;
}

.button.send {
  display: block;
  padding: 10px 36px;
  float: right;
  text-align: center;
}

.button.prescription {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  padding: 10px 36px;
  float: left;
  text-align: center;
}

.button.branch {
  margin-left: 0px;
  float: left;
  border-radius: 2px;
  background-color: #3952a6;
}

.button.log-out {
  width: 40%;
  float: right;
  background-color: #fe5858;
}

.button.log-out:hover {
  background-color: #d34343;
}

.button.secondary {
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  background-color: #f6f8fb;
  color: #333;
}

.button.secondary:hover {
  background-color: #d3e0ee;
}

.button.secondary.cancel-prescription {
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
  font-size: 12px;
  line-height: 18px;
}

.button.end-session {
  width: 40%;
  float: right;
  background-color: #fe5858;
}

.button.end-session:hover {
  background-color: #e43f3f;
}

.button.profile-pic {
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.button.settings {
  margin-right: 0px;
  float: right;
}

.button.send-request {
  margin-top: 6px;
}

.button.add-new-facility {
  padding: 6px 12px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  background-color: #f6f8fb;
  color: #3952a6;
}

.button.add-new-facility:hover {
  background-color: #d3e0ee;
}

.button.add-prescription {
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
}

.button.new-session {
  width: 40%;
}

.button.add-diagnosis {
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
}

.button.cancel-diagnosis {
  margin-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  background-color: #fff;
  color: #333;
}

.button.mini-action {
  margin-right: 0px;
  padding: 6px 12px;
  float: right;
}

.form-block {
  margin-bottom: 0px;
}

.text-field {
  height: 46px;
  margin-bottom: 2px;
  padding: 8px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
}

.text-field:hover {
  border-color: #00b066;
}

.text-field:focus {
  border-color: #00b066;
}

.text-field.left-align {
  text-align: left;
}

.text-field.phone {
  width: 76%;
  text-align: left;
}

.text-field.title {
  width: 20%;
  margin-right: 16px;
  float: left;
  text-align: left;
}

.modal-title-h2 {
  font-size: 15px;
}

.form-lable-column {
  width: 30%;
  padding: 26px 8px 26px 16px;
  float: left;
  font-weight: 600;
  text-align: right;
}

.form-lable-column.prescriptions {
  padding-left: 8px;
}

.text-area {
  width: 100%;
  min-height: 120px;
  margin-bottom: 0px;
  padding: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: #000;
}

.text-area:hover {
  border-color: #00b066;
}

.text-area:focus {
  border-color: #00b066;
}

.text-area.prescription {
  min-height: 60px;
  margin-bottom: 12px;
  border-color: #00b066;
  border-radius: 4px;
}

.text-area.diagnosis-comment {
  min-height: 120px;
  margin-bottom: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-color: #00b066;
}

.list-item-icon {
  width: 42px;
  height: 42px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #fff;
}

.list-item-icon.clinical-summary {
  background-image: url('/images/ic_summary.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.list-item-icon.lab-investigation {
  background-image: url('/images/ic_blood_group.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.list-item-icon.prescriptions {
  background-image: url('/images/ic_prescriptions.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.list-item-icon.numbering {
  display: block;
  padding: 11px 17px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.64);
  line-height: 18px;
  font-weight: 600;
}

.list-item-icon.add-diagnosis {
  background-image: url('/images/ic_diagnosis.svg');
  background-position: 50% 52%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.form-input-column {
  width: 70%;
  padding: 26px 16px;
  float: left;
}

.form-input-column.added-diagnosis {
  width: 100%;
  margin-bottom: -1px;
  padding-left: 32px;
  border-bottom: 1px solid #d3e0ee;
}

.form-input-column.emergency {
  padding-bottom: 16px;
}

.item-select {
  width: 100%;
  padding: 12px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(57, 82, 166, 0.08);
  border-radius: 4px;
  background-color: #d3e0ee;
  background-image: url('/images/ic_chevron_right.svg');
  background-position: 95% 50%;
  background-size: 8px;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  color: #333;
  text-decoration: none;
}

.item-select:hover {
  border-color: #00b066;
}

.column-block {
  border-bottom: 1px solid #d3e0ee;
}

.column-block.facility-name {
  border-bottom-color: #f6f8fb;
  background-color: transparent;
}

.column-block.highlight {
  border-bottom-color: #f6f8fb;
  background-color: transparent;
}

.column-block.settings-highlight {
  margin-top: -1px;
  border-top: 1px solid #d3e0ee;
  border-bottom-color: #d3e0ee;
  background-color: rgba(246, 248, 251, 0.62);
}

.column-block.end {
  border-bottom-style: none;
}

.attachments {
  min-width: 50%;
  padding: 12px 32px;
  float: left;
  border-radius: 4px;
  background-color: #3952a6;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  text-align: center;
  cursor: pointer;
}

.attachments:hover {
  background-color: #1d368b;
}

.form-label-h1 {
  margin-top: 4px;
  font-weight: 500;
  text-transform: capitalize;
}

.form-label-h1.bold {
  font-weight: 700;
}

.hero-section {
  padding-bottom: 104px;
  background-color: #3952a6;
  background-image: linear-gradient(135deg, #3952a6 -2%, #00b066);
  color: #fff;
  text-align: center;
}

.hero-section.features {
  background-image: linear-gradient(135deg, #3952a6 -2%, rgba(0, 176, 102, 0.72)), url('/images/doctors-sub-hero.jpg');
  background-position: 0px 0px, 0% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.site-container {
  display: block;
  width: 90%;
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
}

.site-container.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.site-container.navbar {
  position: relative;
  padding-right: 16px;
  padding-left: 16px;
}

.site-container.ghana-card {
  margin-top: -16px;
  padding-right: 32px;
  padding-left: 32px;
}

.site-container._60per {
  width: 480px;
  margin-bottom: 64px;
}

.brand-name {
  padding-top: 20px;
  padding-bottom: 20px;
  float: left;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.site-navbar {
  z-index: 1;
  background-color: transparent;
}

.site-nav-link {
  display: inline-block;
  margin-top: 16px;
  margin-left: 16px;
  padding: 8px 16px;
  float: left;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 transparent;
  -webkit-transition: box-shadow 200ms ease, color 200ms ease, background-color 200ms ease;
  transition: box-shadow 200ms ease, color 200ms ease, background-color 200ms ease;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
}

.site-nav-link:hover {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
  color: rgba(0, 0, 0, 0.68);
}

.site-nav-link.w--current {
  background-color: hsla(0, 0%, 100%, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  color: #fff;
}

.site-nav-link.dark {
  color: #3952a6;
  font-weight: 400;
}

.site-nav-link.dark.w--current {
  color: rgba(57, 82, 166, 0.42);
}

.site-nav-link.dashboard {
  display: none;
  margin-top: 0px;
  margin-left: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: rgba(29, 34, 39, 0.82);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
  color: #fff;
}

.site-nav-link.dashboard:hover {
  background-color: #f6f8fb;
  color: rgba(0, 0, 0, 0.68);
}

.site-nav-link.hide {
  display: none;
}

.sign-dropdown {
  color: #fff;
}

.sign-dropdown.dark {
  color: #3952a6;
}

.sign-drop-link {
  background-color: #fff;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #000;
}

.sign-drop-link:hover {
  background-color: #f6f8fb;
}

.sign-drop-link.w--current {
  color: #3952a6;
}

.hero-type-container {
  display: block;
  width: 90%;
  max-width: 1020px;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
}

.input-field {
  min-height: 42px;
  margin-bottom: 0px;
  padding-right: 16px;
  padding-left: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.input-field:hover {
  border-color: #00b066;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.input-field:focus {
  border-color: #00b066;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.input-field.phone-number {
  float: left;
}

.input-field.pin {
  text-align: center;
  letter-spacing: 4px;
}

.input-field.sms {
  height: 48px;
  border-color: #00b066;
}

.input-field.ghana-card {
  height: 48px;
  padding-left: 50px;
  border-color: #00b066;
  background-image: url('/images/ic-smart-card.png');
  background-position: 4% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.input-field.alpha-code {
  width: 25%;
  float: left;
  border-color: #00b066;
  text-align: center;
}

.input-field.number-code {
  width: 48%;
  margin-right: 1%;
  margin-left: 1%;
  float: left;
  border-color: #00b066;
  text-align: center;
}

.input-field.area {
  height: 90px;
}

.input-field.pin {
  font-size: 18px;
  text-align: center;
}

.input-field.pin-code {
  font-size: 18px;
  letter-spacing: 7px;
}

.input-field.id {
  text-align: center;
}

.input-field.center {
  text-align: center;
}

.register__form__block {
  display: block;
  max-width: 520px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  padding: 42px 5%;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.05);
  color: #000;
  text-align: left;
}

.register__form__block.code {
  text-align: center;
}

.register__form__block.register {
  width: auto;
  max-width: 520px;
  margin-bottom: 64px;
  padding-top: 16px;
  padding-bottom: 32px;
  background-color: #f6f8fb;
}

.register__form__block.hide {
  display: none;
}

.register__form__block.done {
  padding-bottom: 64px;
  border-style: none;
  background-color: rgba(0, 176, 102, 0.05);
  box-shadow: none;
  line-height: 24px;
  text-align: center;
}

.register__form__block.partner-register {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 520px;
  margin-bottom: 64px;
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f8fb;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  text-decoration: none;
}

.register__form__block.partner-register:hover {
  background-color: rgba(212, 224, 238, 0.52);
}

.field-label {
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.54);
  text-transform: capitalize;
}

.field-label.tool-tip {
  float: left;
}

.field-label.case {
  font-size: 16px;
  text-transform: none;
}

.site-dropdown {
  width: 100%;
  height: 42px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(57, 82, 166, 0.08);
  border-radius: 2px;
  background-color: #d3e0ee;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #3952a6;
}

.site-dropdown:hover {
  background-color: #3952a6;
  color: #fff;
}

.site-button {
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  background-color: #3952a6;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}

.site-button:hover {
  background-color: #133a81;
}

.site-button.done {
  margin-top: 32px;
  margin-bottom: 32px;
  background-color: #00b066;
}

.site-button.done:hover {
  background-color: #178f5c;
}

.site-button.back {
  width: 48px;
  height: 48px;
  margin-right: 5%;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #fff;
  background-image: url('/images/ic_keyboard_back.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  color: #3952a6;
  font-size: 14px;
}

.site-button.back:hover {
  background-color: #f6f8fb;
}

.site-button.confirm {
  width: 100%;
  float: left;
}

.site-button.next {
  margin-bottom: 24px;
}

.site-button.register {
  margin-top: 16px;
}

.site-button.passcode {
  margin-top: 32px;
}

.site-button.dashboard {
  margin-top: 32px;
}

.site-section {
  padding: 114px 16px 80px;
  line-height: 22px;
}

.site-section.features {
  background-color: #233342;
  color: #fff;
}

.site-section.get-started {
  border-top: 1px solid #d3e0ee;
  background-color: #f6f8fb;
}

.site-section.hero-image-shot {
  padding-top: 98px;
  padding-bottom: 112px;
  background-image: url('/images/brand_element.svg');
  background-position: 24px 100%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.site-section.highlight {
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  background-color: #f6f8fb;
  color: #333;
}

.site-section.patients {
  padding-bottom: 1px;
}

.site-section.ghana-card {
  padding-top: 80px;
  border-top: 1px solid #d3e0ee;
  background-color: #f6f8fb;
  text-align: center;
}

.site-section.register {
  padding-top: 80px;
}

.site-section.contact {
  padding-top: 64px;
}

.site-section.activation {
  padding-top: 80px;
  background-color: #f6f8fb;
}

.site-country-code {
  margin-right: 5%;
  float: left;
  font-size: 13px;
}

.site-dropdown-menu {
  width: 100%;
  float: left;
  font-size: 13px;
}

.empty-state {
  padding: 32px;
  text-align: center;
}

.empty-state.info {
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #178f5c;
  border-radius: 2px;
  background-color: #00b066;
  cursor: pointer;
}

.empty-state.send-request {
  padding-top: 16px;
}

.empty-state.inactive {
  background-color: #f6f8fb;
}

.empty-state-h1 {
  margin-bottom: 8px;
  font-size: 19px;
  line-height: 22px;
  font-weight: 600;
}

.empty-state-h2 {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
}

.empty-state-h2.info {
  color: hsla(0, 0%, 100%, 0.82);
}

.terms-and-conditions-h1 {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
}

.site-link {
  color: #3952a6;
  font-size: 14px;
  text-decoration: none;
}

.site-link.register {
  float: left;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
}

.h3 {
  margin-top: 0px;
  margin-bottom: 6px;
}

.h3.dark {
  color: #000;
}

.patient-medtrack-id {
  margin-top: 6px;
  padding: 8px 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 2px;
  font-family: 'Roboto Mono', sans-serif;
  color: #333;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 2px;
}

.attachment-thumbs {
  width: 80px;
  height: 80px;
  margin-right: 16px;
  margin-bottom: 16px;
  padding: 4px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 3px;
  background-color: #f6f8fb;
}

.attachment-thumbs.pdf {
  background-image: url('/images/ico-format-pdf.png');
  background-size: cover;
}

.attachment-thumbs.doc {
  background-image: url('/images/ico-format-doc.png');
  background-size: cover;
}

.attachment-thumbs.jpg {
  background-image: url('/images/ico-format-jpg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.attachment-thumbs.png {
  background-image: url('/images/ico-format-png.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.attachment-thumbs.uploaded {
  background-image: url('/images/uploaded-image.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.navbar-section {
  background-color: #fff;
}

.nav-menu {
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100vh;
  float: left;
  background-color: #fff;
}

.menu-button {
  width: 59px;
  height: 59px;
}

.nav-column {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 20%;
  border-right: 1px none #dfe8f2;
  background-color: #fff;
}

.close {
  width: 32px;
  height: 32px;
  float: right;
  border-radius: 50%;
  background-color: #fe5858;
  background-image: url('/images/ic_close.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  cursor: pointer;
}

.close:hover {
  background-color: #c94040;
}

.close.bio-update {
  width: 36px;
  height: 36px;
  margin-bottom: 32px;
  margin-left: auto;
  float: none;
  background-size: 12px;
}

.prescription-block {
  width: 90%;
  margin-bottom: 4px;
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  background-color: #fff;
  text-align: left;
}

.checkbox {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 2px;
  padding: 4px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.32);
  border-radius: 50%;
  background-color: #fff;
  background-image: url('/images/ic_check_white_2.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px 0 rgba(57, 82, 166, 0.2);
  text-align: justify;
}

.checkbox.w--redirected-checked {
  background-color: #00b066;
  background-size: 12px;
}

.checkbox.w--redirected-focus {
  background-position: 50% 50%;
  box-shadow: none;
}

.checkbox.check {
  border-color: #0098ff;
  background-color: #0098ff;
  background-image: url('/images/ic_check_white_2.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.prescription-label {
  display: inline-block;
  color: #1c3044;
  font-size: 34px;
  line-height: 40px;
}

.form-block-2 {
  margin-bottom: 4px;
}

.form-label-h2 {
  color: rgba(51, 51, 51, 0.48);
  font-size: 14px;
}

.button-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 680px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  padding: 16px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: none;
}

.item-data-list {
  margin-left: 16px;
  float: left;
}

.prespcription-type {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #c4d3e4;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.prespcription-type.remove {
  padding-right: 40px;
  background-image: url('/images/ic_cancel.svg');
  background-position: 94% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  cursor: pointer;
}

.prespcription-type.remove:hover {
  border-color: #fe5858;
  background-color: #fe5858;
  color: #fff;
}

.investigation-list {
  width: 100%;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
  border-bottom: 1px solid #f0efef;
  background-color: #fff;
  text-decoration: none;
}

.segmented-control {
  display: block;
  overflow: hidden;
  width: 680px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  padding-bottom: 16px;
  box-shadow: none;
}

.tab-link {
  background-color: transparent;
}

.tab-link.w--current {
  border-top: 1px solid #d3e0ee;
  border-right: 1px solid #d3e0ee;
  border-left: 1px solid #d3e0ee;
  background-color: #fff;
}

.tabs-menu {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -1px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.report-status {
  margin-top: -1px;
  padding: 16px;
  background-color: grey;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  color: #fe5858;
  text-align: center;
}

.report-status.pending {
  border: 1px solid #faa6a8;
  background-color: rgba(245, 156, 156, 0.42);
}

.report-status.in-progress {
  border: 1px solid #ffdf73;
  background-color: #fff1c2;
  color: #886d12;
}

.report-status.done {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 176, 102, 0.16);
  background-color: rgba(0, 176, 102, 0.16);
  color: #00b066;
}

.patient-medtrack-checked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  background-color: #f6f8fb;
  text-decoration: none;
}

.patient-id-block {
  float: left;
}

.brand-block {
  display: block;
  width: 100%;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3952a6;
  background-image: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.sign-in-section {
  background-color: #f6f8fb;
  background-image: linear-gradient(135deg, #3952a6, #00b066);
  color: #3952a6;
  text-align: center;
}

.sign-in-container {
  display: block;
  width: 980px;
  margin-top: 46px;
  margin-right: auto;
  margin-left: auto;
}

.comment-block {
  width: 100%;
  padding: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 2px;
  background-color: #fff;
  text-align: left;
}

.comment-block.placeholder {
  width: 100%;
  margin-top: 16px;
  border-style: dashed;
  border-color: #d3e0ee;
  background-color: #f6f8fb;
  color: rgba(29, 34, 39, 0.86);
}

.logo {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
}

.done-h2 {
  display: block;
  margin-bottom: 4px;
  color: hsla(0, 0%, 100%, 0.42);
  font-size: 15px;
}

.done-h2.dark {
  color: rgba(0, 0, 0, 0.42);
}

.pharmacy-avatar {
  width: 42px;
  height: 42px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 176, 102, 0.14);
  border-radius: 50%;
  background-color: rgba(0, 176, 102, 0.08);
  background-image: url('/images/Imaging-centers.png');
  background-position: 50% 50%;
  background-size: 26px;
  background-repeat: no-repeat;
}

.facility-avatar {
  width: 42px;
  height: 42px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #f6f8fb;
  background-image: url('/images/ic_facility.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.brand-icon {
  width: 60px;
  height: 60px;
  margin-right: 12px;
  float: left;
  background-color: #1d368b;
  background-image: url('/images/Logo_MedTrack.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

.brand-icon:hover {
  background-color: #fe5858;
  background-image: url('/images/ic_exit.svg');
  background-size: 18px;
}

.built-for {
  width: 30%;
  padding: 16px 34px 34px;
  float: left;
  color: hsla(0, 0%, 100%, 0.76);
  font-size: 18px;
  text-align: center;
}

.hero-content-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 74px;
  margin-bottom: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-section {
  padding: 16px;
  background-color: #fff;
  color: #3952a6;
  font-size: 13px;
}

.footer-link {
  display: inline-block;
  margin-right: 16px;
  color: rgba(57, 82, 166, 0.72);
  text-decoration: none;
}

.site-dropdown-form-list.w--open {
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  background-color: #f6f8fb;
  font-size: 13px;
}

.form-prompt {
  margin-bottom: 8px;
  padding: 6px 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
}

.form-prompt.error {
  border-color: #ffa1a1;
  background-color: #ffdada;
  color: #fe5858;
}

.form-prompt.success {
  border-color: #83d8b4;
  background-color: #e3fff3;
  color: #00b066;
}

.medtrack-logo {
  width: 28px;
  margin-right: 10px;
  float: left;
}

.medtrack-name {
  margin-top: 3px;
  margin-bottom: 3px;
  float: left;
}

.new-visit {
  margin-top: -4px;
  padding: 6px 18px;
  float: right;
  border: 1px solid #324585;
  border-radius: 1px;
  background-color: #3952a6;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  text-decoration: none;
}

.new-visit:hover {
  background-color: #1d368b;
}

.action-header-block {
  display: block;
  width: 100%;
  padding: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d3e0ee;
  background-color: #f6f8fb;
  background-image: none;
  color: #000;
  text-align: left;
}

.close-popup {
  display: inline-block;
  padding: 6px 12px;
  float: right;
  border: 1px solid #ffa1a1;
  border-radius: 2px;
  background-color: #ffdada;
  color: #fe5858;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.action-block-options {
  display: block;
  width: 380px;
  margin-right: auto;
  margin-left: auto;
  color: #000;
  text-align: left;
}

.add {
  padding: 6px 16px;
  float: right;
  border-radius: 3px;
  background-color: #3952a6;
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
}

.add:hover {
  background-color: #1d368b;
}

.add.new-visit {
  font-size: 13px;
}

.add.end-session {
  margin-top: -4px;
  background-color: #fe5858;
  font-size: 13px;
}

.add.save-changes {
  margin-top: -4px;
  background-color: #00b066;
  font-size: 13px;
}

.add.save-changes:hover {
  background-color: #178f5c;
}

.add.nav-done {
  font-size: 13px;
}

.modal-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #f6f8fb;
  background-image: url('/images/ic_visit.svg');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}

.modal-icon.end {
  border-color: rgba(254, 88, 88, 0.16);
  background-color: rgba(254, 88, 88, 0.12);
  background-image: url('/images/ic_end_visit.svg');
  background-size: 22px;
}

.register-form-block {
  display: block;
  width: 460px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 32px 42px;
  border-radius: 1px;
  color: #000;
  text-align: left;
}

.sign-in-h2 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 15px;
}

.hero-h1 {
  margin-right: auto;
  margin-left: auto;
  font-size: 5em;
  line-height: 1em;
}

.site-navigation {
  position: static;
}

.site-menu-button {
  color: #fff;
}

.modal-overlay-logout {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  overflow: auto;
  padding: 104px 16px 54px;
  background-color: rgba(29, 34, 39, 0.86);
}

.modal-title-h1 {
  margin-bottom: 4px;
  color: #333;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  text-transform: capitalize;
}

.modal-title-h1.red {
  color: #fe5858;
}

.success-message {
  padding: 64px 10%;
  border-radius: 6px;
  background-color: #00b066;
  color: hsla(0, 0%, 100%, 0.82);
  font-size: 16px;
}

.error-message {
  padding-right: 16px;
  padding-left: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(254, 88, 88, 0.42);
  border-radius: 2px;
  color: #fe5858;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
}

.in-line-link {
  color: #3952a6;
  text-decoration: none;
}

.body {
  background-color: #d3e0ee;
}

.notification-ticker {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 1500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 360px;
  min-height: 50px;
  margin-top: 4px;
  margin-right: 8px;
  margin-left: 8px;
  float: none;
  border-radius: 3px;
  background-color: #3a3a3a;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  color: hsla(0, 0%, 100%, 0.82);
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  cursor: pointer;
}

.notification-ticker.success {
  display: none;
  border-left-color: #178f5c;
  background-color: #00b066;
}

.notification-ticker.error {
  background-color: #fe5858;
}

.ticker-icon {
  position: relative;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 46px;
  padding: 20px;
  float: left;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #000;
  background-image: url('/images/ic_info.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.ticker-icon.success {
  background-color: #178f5c;
}

.ticker-icon.error {
  background-color: #d13232;
}

.ticker-info-block {
  display: block;
  padding: 12px 24px 12px 16px;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.facility-info-section {
  position: fixed;
  left: 20%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  display: none;
  overflow: auto;
  width: 80%;
  padding: 92px 32px 32px;
  background-color: rgba(29, 34, 39, 0.86);
  color: #000;
}

.facility-info-container {
  display: block;
  width: 540px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 8px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.facility-info-name {
  margin-bottom: 2px;
  color: #000;
}

.facility-info-phone {
  margin-bottom: 2px;
  float: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 18px;
}

.facility-info-maps {
  width: 100%;
  min-height: 220px;
  background-color: #f6f8fb;
}

.facility-info-map-embed {
  display: block;
  height: 220px;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
  border-bottom: 1px solid #d3e0ee;
}

.facility-info-icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  float: left;
}

.facility-info-icon.name {
  background-image: url('/images/ic_facility.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.facility-info-icon.phone {
  background-image: url('/images/ic_phone.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.facility-info-icon.location {
  background-image: url('/images/ic_location_on.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.facility-info-icon.email {
  background-image: url('/images/ic_email.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.facility-info-icon.gender {
  background-image: url('/images/ic_gender.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.facility-info-icon.blood-group {
  background-image: url('/images/ic_blood_group.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.facility-info-icon.age {
  background-image: url('/images/ic_age.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.facility-info-icon.allergy {
  background-image: url('/images/ic_allergy.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.facility-info-content-block {
  display: block;
  margin-top: -1px;
  padding: 16px 32px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f6f8fb;
  border-bottom: 1px solid #f6f8fb;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

.facility-info-content-block:hover {
  background-color: #f6f8fb;
}

.facility-info-data {
  float: left;
}

.loading-brand {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  background-image: url('/images/brand_MedTrack_register.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.loading-mask {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 25px;
  background-color: #d3e0ee;
}

.loading-progress {
  display: block;
  width: 30%;
  height: 2px;
  border-radius: 25px;
  background-color: #3952a6;
}

.loading-block {
  display: block;
  width: 200px;
  margin-top: 64px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 32px;
}

.item-list-title {
  padding: 8px 16px;
  border-bottom: 1px solid #d3e0ee;
  border-left: 2px solid #fe5858;
}

.item-list-title.collapse {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  cursor: pointer;
}

.item-list-title.collapse:hover {
  background-color: #f6f8fb;
}

.item-h3 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.item-list-icon {
  width: 14px;
  height: 14px;
  margin-top: 4px;
  margin-right: 8px;
  float: left;
  opacity: 0.74;
}

.item-list-icon.clinical-summary {
  background-image: url('/images/ic_summary.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.item-list-icon.lab-investigations {
  margin-top: 5px;
  background-image: url('/images/ic_blood_group.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}

.item-list-icon.prescriptions {
  margin-top: 4px;
  background-image: url('/images/ic_prescriptions.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.item-list-icon.report {
  margin-top: 4px;
  background-image: url('/images/ic_assignment.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.item-list-icon.diagnosis {
  background-image: url('/images/ic_data.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.item-list-icon.add-diagnosis {
  background-image: url('/images/ic_diagnosis_1.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.numbering-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  height: 42px;
  margin-right: 0px;
  padding: 18px 16px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 32px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.64);
  font-size: 13px;
  line-height: 18px;
}

.request-details {
  border-bottom: 1px solid #d3e0ee;
  background-color: rgba(246, 248, 251, 0.54);
}

.report-details {
  background-color: #fff;
}

.checked {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #178f5c;
}

.profile-update-block {
  width: 100%;
  padding: 32px 16px 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d3e0ee;
  background-color: #fff;
  color: #000;
}

.dropdown {
  width: 100%;
}

.setting-tab {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-right: 1px solid #d3e0ee;
  background-color: #f6f8fb;
  color: rgba(51, 51, 51, 0.48);
}

.setting-tab.w--current {
  background-color: #fff;
}

.settings-menu {
  border-bottom: 1px solid #d3e0ee;
  background-color: #f6f8fb;
}

.settings-icon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
  margin-right: 8px;
  float: left;
}

.settings-icon.info {
  background-image: url('/images/ic_person.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.settings-icon.password {
  margin-top: 5px;
  background-image: url('/images/ic_lock.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}

.settings-icon.add-drugs {
  background-image: url('/images/ic_add.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.settings-icon.drug-list {
  border-bottom-style: none;
  background-image: url('/images/ic_summary.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.settings-icon.diet {
  background-image: url('/images/ic_diet.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.settings-icon.id {
  background-image: url('/images/ic_id.svg');
  background-position: 50% 46%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.settings-text {
  margin-top: 3px;
  float: left;
}

.delete-medtrack {
  float: right;
  color: #fe5858;
  text-decoration: none;
}

.modal-overlay-delete-app {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  overflow: auto;
  padding: 104px 16px 54px;
  background-color: rgba(29, 34, 39, 0.86);
}

.settings-saved {
  display: block;
  overflow: hidden;
  width: 680px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  padding: 8px 32px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 176, 102, 0.36);
  border-radius: 3px;
  background-color: rgba(0, 176, 102, 0.08);
  box-shadow: none;
  color: #00b066;
  cursor: pointer;
}

.settings-medtrack-id {
  display: inline-block;
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 2px 8px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 176, 102, 0.32);
  border-radius: 2px;
  background-color: rgba(0, 176, 102, 0.12);
  font-family: 'Roboto Mono', sans-serif;
  color: #028850;
}

.hero-shot-block {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-style: none;
  border-width: 1px;
  border-color: rgba(40, 50, 61, 0.11);
  border-radius: 6px;
  box-shadow: none;
}

.site-content-block {
  margin-bottom: 32px;
}

.site-content-block.hero-shot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.site-content-block.ghana-card-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.site-h2 {
  font-size: 18px;
  line-height: 24px;
}

.site-feature-column {
  width: 50%;
  float: left;
}

.site-feature-column.features {
  padding-right: 16px;
}

.site-feature-column.register {
  padding-right: 16px;
}

.site-feature-column.productshot {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.site-feature-column.about {
  padding-right: 32px;
  padding-left: 32px;
  text-align: left;
}

.site-feature-column.feature-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-shot {
  width: 80%;
  min-height: 280px;
  border-radius: 6px;
  background-color: #f6f8fb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

.product-shot._1 {
  position: absolute;
  z-index: 1;
  background-image: url('/images/feature-summary.png');
  background-position: 50% 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.product-shot._2 {
  position: absolute;
  left: auto;
  top: 20px;
  right: auto;
  display: block;
  width: 76%;
  background-color: hsla(0, 0%, 100%, 0.72);
}

.site-paragraph {
  color: rgba(51, 51, 51, 0.72);
}

.site-paragraph.features {
  color: hsla(0, 0%, 100%, 0.54);
}

.site-column-3 {
  width: 33.33%;
  padding-right: 16px;
  float: left;
}

.built-for-iconography {
  position: relative;
  z-index: 2;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
}

.built-for-iconography.lab {
  background-image: url('/images/Imaging-centers.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.built-for-iconography.doctors {
  background-image: url('/images/doctors.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.built-for-iconography.patients {
  position: relative;
  background-image: url('/images/patients.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.link-block {
  display: inline-block;
  width: 70%;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 12px 16px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 3px;
  background-color: #fff;
  background-image: url('/images/ic_chevron_right.svg');
  background-position: 95% 50%;
  background-size: 6px;
  background-repeat: no-repeat;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #000;
  text-decoration: none;
}

.link-block:hover {
  margin-right: -3px;
  background-color: #f6f8fb;
}

.link-block.float-left {
  float: left;
}

.setup-icon {
  width: 12px;
  margin-top: 4px;
  margin-right: 16px;
  float: left;
}

.built-for-icon-bkg {
  position: relative;
  z-index: 1;
  width: 42px;
  margin-top: -72px;
}

.hero-shot-image {
  position: relative;
  right: 30px;
}

.highlight {
  color: rgba(51, 51, 51, 0.72);
}

.site-footer-section {
  padding: 12px 16px;
  background-color: #233342;
  color: hsla(0, 0%, 100%, 0.56);
  font-size: 12px;
  line-height: 18px;
}

.footer-paragraph {
  display: inline-block;
  margin: 3px 16px 0px 8px;
  color: hsla(0, 0%, 100%, 0.54);
}

.footer-paragraph.right {
  margin-right: 4px;
  margin-left: 4px;
  float: right;
  text-decoration: none;
}

.footer-icon {
  width: 24px;
  height: 24px;
  float: left;
}

.footer-icon.brand {
  background-image: url('/images/brand_MedTrack.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.hero-icon {
  position: relative;
}

.hero-icon-bkg {
  position: relative;
  top: -50px;
  width: 68px;
  margin-top: 11px;
}

.thumbnail-link {
  width: 70px;
  height: 70px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
}

.site-features-block {
  width: 25%;
  margin-top: 6px;
  padding-right: 8px;
  padding-left: 8px;
  float: left;
  color: rgba(51, 51, 51, 0.72);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.site-features-icon {
  display: block;
  width: 48px;
  height: 48px;
  margin-right: auto;
  margin-bottom: 12px;
  margin-left: auto;
  border-radius: 50%;
  background-color: rgba(223, 232, 242, 0.51);
}

.site-features-icon.send-request {
  background-image: url('/images/Send-request.svg');
  background-position: 50% 50%;
  background-size: 19px;
  background-repeat: no-repeat;
}

.site-features-icon.monitor-prescriptions {
  background-image: url('/images/track-prescriptions.svg');
  background-position: 50% 50%;
  background-size: 19px;
  background-repeat: no-repeat;
}

.site-features-icon.patient-history {
  background-image: url('/images/track-health.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.site-features-icon.patient-management {
  background-image: url('/images/patient-management.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.site-features-icon.send-report {
  background-image: url('/images/Send-lab-report.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.site-features-icon.prescription-history {
  background-image: url('/images/prescription-history.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.site-features-icon.communication {
  background-image: url('/images/communication.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.site-features-icon.secured {
  background-image: url('/images/secured.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.site-features-icon.folder {
  background-image: url('/images/folder.svg');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}

.site-features-icon.track-labs {
  background-image: url('/images/track-labs.svg');
  background-position: 50% 50%;
  background-size: 19px;
  background-repeat: no-repeat;
}

.find-out-more {
  display: inline-block;
  margin-top: 16px;
  padding: 5px 12px;
  border-radius: 3px;
  background-color: #3952a6;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #f6f8fb;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}

.find-out-more:hover {
  background-color: #1d368b;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  color: #fff;
}

.delete-drug {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  float: right;
  border-radius: 50%;
  background-color: #fe5858;
  background-image: url('/images/ic_close.svg');
  background-position: 50% 50%;
  background-size: 8px;
  background-repeat: no-repeat;
  box-shadow: 0 1px 0 0 rgba(167, 32, 32, 0.16);
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  font-size: 12px;
  line-height: 18px;
}

.delete-drug:hover {
  background-color: #e94949;
}

.modal-overlay-delete-drug {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  overflow: auto;
  padding: 104px 16px 54px;
  background-color: rgba(29, 34, 39, 0.86);
}

.dosage-label-h2 {
  margin-top: 2px;
  font-family: 'Roboto Mono', sans-serif;
  color: rgba(28, 48, 68, 0.72);
  text-transform: capitalize;
}

.item-label-h1 {
  margin-top: 2px;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #1c3044;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
}

.item-column {
  position: relative;
  z-index: 1;
  width: 50%;
  margin-left: -1px;
  padding: 16px 16px 0px 24px;
  float: left;
  border-right: 1px solid #d3e0ee;
  border-bottom: 1px solid #d3e0ee;
  border-left: 1px solid #d3e0ee;
}

.item-flex-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100.5%;
  float: left;
}

.pagnation-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-bottom: -1px;
  padding: 5px 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #d3e0ee;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #333;
  text-decoration: none;
}

.pagnation-page:hover {
  background-color: #f6f8fb;
}

.pagnation-page.active {
  background-color: #f6f8fb;
  color: #fe5858;
}

.pagnation-page.left {
  float: left;
  background-color: #f6f8fb;
  color: #fe5858;
}

.pagnation-page.left:hover {
  background-color: #d3e0ee;
}

.pagnation-page.right {
  float: right;
  border-left: 1px solid #d3e0ee;
  border-right-style: none;
  background-color: #f6f8fb;
  color: #fe5858;
}

.pagnation-page.right:hover {
  background-color: #d3e0ee;
}

.tabs-content {
  overflow: visible;
}

.hero-icon-block {
  display: block;
  width: 70px;
  height: 70px;
  margin-right: auto;
  margin-bottom: 22px;
  margin-left: auto;
  padding: 6px;
}

.drug-empty-state-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 32px 16px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d3e0ee;
  background-color: #fff;
  color: #000;
  text-align: center;
}

.doctor-desktop {
  position: relative;
  left: -50px;
  width: 440px;
}

.doctor-tablet {
  position: absolute;
  left: 170px;
  right: 80px;
  bottom: 6px;
  z-index: 1;
  width: 310px;
}

.lab-desktop {
  position: relative;
  left: 0px;
  top: 0px;
  width: 420px;
}

.pharmacy-phone {
  position: absolute;
  left: 0px;
  bottom: 2px;
  width: 160px;
}

.pharmacy-tablet {
  position: relative;
  left: 0px;
  top: 0px;
  width: 420px;
}

.patient-phone {
  position: relative;
  left: 10px;
  right: 80px;
  width: 320px;
  margin-top: -90px;
}

.product-icon {
  display: block;
  width: 56px;
  height: 56px;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.51);
  border-radius: 50%;
  background-color: rgba(29, 34, 39, 0.86);
  background-image: url('/images/Logo_MedTrack.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.32);
}

.product-block {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.form-wrapper {
  margin-bottom: 0px;
}

.phone-div-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.new-facility-body {
  display: block;
  width: 462px;
  margin-right: auto;
  margin-left: auto;
  padding: 16px;
}

.add-facility-avatar {
  display: block;
  width: 54px;
  height: 54px;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
  float: none;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #f6f8fb;
  background-image: url('/images/ic_facility.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.add-facility-avatar.done {
  border-color: rgba(0, 176, 102, 0.24);
  background-color: rgba(0, 176, 102, 0.12);
  background-image: url('/images/ic_check.svg');
  background-size: 18px;
}

._2-column {
  width: 50%;
  float: left;
}

._2-column.register-left {
  padding-right: 2.5%;
}

._2-column.register-right {
  padding-left: 2.5%;
}

.add-new-facility {
  display: inline-block;
  margin-top: 12px;
}

.new-facility-h1 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}

.new-facility-h2 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}

.delete-attachment {
  width: 24px;
  height: 24px;
  margin-top: -16px;
  margin-right: -8px;
  float: right;
  border-radius: 50%;
  background-color: rgba(29, 34, 39, 0.86);
  background-image: url('/images/ic_close.svg');
  background-position: 50% 50%;
  background-size: 8px;
  background-repeat: no-repeat;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  cursor: pointer;
}

.delete-attachment:hover {
  background-color: #fe5858;
}

.settings-column {
  width: 48%;
  margin-right: 2%;
  float: left;
}

.added-item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: -1px;
  padding: 12px 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid #e9eef5;
  background-color: #fff;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  cursor: pointer;
}

.added-item-list:hover {
  background-color: #f6f8fb;
}

.added-list-block {
  margin-left: 2px;
  float: left;
}

.clinical-summary-overlay {
  position: fixed;
  left: 20%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  overflow: auto;
  width: 80%;
  padding: 92px 32px 32px;
  background-color: rgba(29, 34, 39, 0.86);
  color: #000;
}

.lab-request-overlay {
  position: fixed;
  left: 20%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  overflow: auto;
  width: 80%;
  padding: 92px 32px 32px;
  background-color: rgba(29, 34, 39, 0.86);
  color: #000;
}

.prescription-overlay {
  position: fixed;
  left: 20%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  overflow: auto;
  width: 80%;
  padding: 92px 32px 32px;
  background-color: rgba(29, 34, 39, 0.86);
  color: #000;
}

.message-ticker {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 1500;
  display: none;
  max-width: 360px;
  min-height: 50px;
  margin-top: 4px;
  margin-right: 8px;
  margin-left: 8px;
  float: none;
  border-radius: 3px;
  background-color: #00b066;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  color: hsla(0, 0%, 100%, 0.82);
  text-align: left;
  cursor: pointer;
}

.ticker-profile-default {
  width: 46px;
  height: 46px;
  border-radius: 50px;
  background-color: #fff;
  background-image: url('/images/avatar_patient_default_1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ticker-profile-block {
  padding: 12px 8px 8px 16px;
}

.ticker-title {
  margin-bottom: 3px;
  font-size: 12px;
}

.ticker-content {
  color: #fff;
}

.ticker-close {
  width: 30px;
  height: 30px;
  margin-right: -12px;
  float: right;
  border-radius: 50px;
  background-color: #178f5c;
  background-image: url('/images/ic_close.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

.ticker-close:hover {
  background-color: #094e31;
}

.ticker-message-block {
  display: block;
  padding: 8px 24px 12px 8px;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-title {
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-right: 1px solid #d3e0ee;
  background-color: #f6f8fb;
  font-weight: 500;
}

.tab-title.w--current {
  background-color: #fff;
}

.drug-list {
  padding-top: 16px;
  padding-right: 18px;
  padding-left: 18px;
  border-bottom: 1px solid #d3e0ee;
}

.dosage-form-block {
  position: relative;
  z-index: 2;
  margin-right: -16px;
  margin-bottom: 2px;
  margin-left: -16px;
  border-top: 1px solid #d3e0ee;
  background-color: #f6f8fb;
}

.dosage-form-block.margins {
  margin-right: 0px;
  margin-left: 0px;
}

.dosage-form {
  position: relative;
  z-index: 2;
  padding: 8px 16px 16px;
}

.prescription-added {
  display: inline-block;
  float: right;
  border-radius: 3px;
  color: #00b066;
}

.prescription-success-block {
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 8px 16px;
  background-color: rgba(0, 176, 102, 0.1);
  text-align: right;
}

.prescription-error-block {
  margin-top: -1px;
  background-color: rgba(254, 88, 88, 0.06);
  font-size: 13px;
  text-align: center;
}

.text-block {
  color: #fe5858;
}

.prescription-added-check {
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 8px;
  float: right;
  border-radius: 50%;
  background-color: #00b066;
  background-image: url('/images/ic_check_white_1.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}

.presciption-type {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  background-color: #f6f8fb;
  color: rgba(0, 0, 0, 0.64);
}

.presciption-type.remove {
  padding-right: 42px;
  background-image: url('/images/ic_cancel.svg');
  background-position: 94% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
  cursor: pointer;
}

.presciption-type.remove:hover {
  border-color: #fe5858;
  background-color: #fe5858;
  background-image: url('/images/ic_cancel.svg');
  background-size: 14px;
  color: #fff;
}

.prescription-details-block {
  position: relative;
  z-index: 2;
  margin-right: -16px;
  margin-left: -16px;
  padding: 16px;
  border-top: 1px solid #d3e0ee;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #f6f8fb;
  color: rgba(28, 48, 68, 0.72);
}

.location-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 102.5%;
  margin-top: 6px;
  margin-bottom: -8px;
  margin-left: -8px;
  padding: 6px 8px;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #d3e0ee;
  background-color: #f6f8fb;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #3952a6;
  font-size: 14px;
  text-align: right;
  cursor: pointer;
}

.location-block:hover {
  background-color: rgba(223, 232, 242, 0.62);
}

.location-text {
  display: inline-block;
  float: none;
}

.location-search {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 16px;
  border-top: 1px solid #dfe8f2;
  border-bottom: 1px solid #d3e0ee;
  border-left: 1px solid #dfe8f2;
  background-color: #f6f8fb;
}

.facility-search-block {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 60vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.div-block-2 {
  width: 50%;
  float: left;
}

.facility-map-holder-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 50%;
  height: 100%;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #d3e0ee;
  background-image: url('/images/placeholder.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.facility-search-list-scroll {
  display: inline-block;
  overflow: auto;
  width: 100%;
  height: 50vh;
}

.div-block-4 {
  margin-top: -1px;
  padding: 8px 16px;
  border-top: 1px solid rgba(57, 82, 166, 0.06);
  border-bottom: 1px solid rgba(57, 82, 166, 0.06);
  background-color: #d3e0ee;
  color: #3952a6;
  font-size: 12px;
}

.data-section-copy {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
  margin-top: 60px;
  padding: 32px;
  border-left: 1px solid #d3e0ee;
  background-color: #f6f8fb;
}

.facility-search-overlay {
  position: fixed;
  left: 20%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: none;
  overflow: auto;
  padding: 61px 5% 32px;
  background-color: rgba(29, 34, 39, 0.86);
  color: #000;
}

.location-search-icon {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background-image: url('/images/ic_place.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}

.faqs-button {
  padding-right: 32px;
  padding-left: 32px;
  border-radius: 3px;
  background-color: #3952a6;
}

.faqs-button:hover {
  background-color: #1d368b;
}

.investigation-block {
  width: 90%;
  margin-bottom: 4px;
  padding: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 2px;
  background-color: #fff;
  text-align: left;
}

.patient-info-modal-overlay {
  position: fixed;
  left: 20%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  display: none;
  overflow: auto;
  width: 80%;
  padding: 92px 32px 32px;
  background-color: rgba(29, 34, 39, 0.86);
  color: #000;
}

.patient-info {
  width: 14px;
  height: 14px;
  margin-right: auto;
  margin-left: auto;
  padding: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #d3e0ee;
  background-image: url('/images/ic_info_1.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  cursor: pointer;
}

.patient-info:hover {
  width: 54px;
  height: 54px;
  background-color: #d3e0ee;
}

.faqs {
  min-height: 360px;
  padding-right: 16px;
  padding-bottom: 64px;
  padding-left: 16px;
  background-color: #3952a6;
  background-image: linear-gradient(135deg, #3952a6, #00b066);
  color: #fff;
  text-align: center;
}

.faqs-question-block {
  padding: 12px 16px;
  background-color: #f6f8fb;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  font-weight: 600;
  cursor: pointer;
}

.faqs-question-block:hover {
  background-color: rgba(223, 232, 242, 0.74);
}

.faqs-answer-block {
  padding: 16px 16px 8px;
  border-top: 1px solid #d3e0ee;
}

.faqs-block {
  margin-bottom: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 2px;
}

.faqs-icon {
  width: 24px;
  height: 24px;
  float: right;
  background-image: url('/images/ic_expand_more.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.site-contact-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  float: left;
}

.site-contact-icon.phone {
  background-image: url('/images/ic_phone.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}

.site-contact-icon.mail {
  background-image: url('/images/ic_email.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.register-contact-block {
  margin-top: 16px;
  margin-right: 16px;
  float: left;
  color: rgba(29, 34, 39, 0.86);
  font-size: 14px;
  text-decoration: none;
}

.site-check-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  height: 110px;
  margin-right: 1%;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 8px;
  background-color: #04ac69;
  box-shadow: 0 2px 10px 0 rgba(29, 34, 39, 0.05);
  -webkit-transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  color: #fff;
  font-size: 16px;
}

.site-check-box:hover {
  box-shadow: 0 10px 20px 0 rgba(29, 34, 39, 0.2);
}

.site-check-box.doctor {
  background-color: #3754a4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('/images/doctors.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/images/doctors.png');
  background-position: 0px 0px, -40% 50%;
  background-size: auto, 80px;
  background-repeat: repeat, no-repeat;
}

.site-check-box.pharmacy {
  background-color: #277c8a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('/images/Medtrack-Pharmacy.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/images/Medtrack-Pharmacy.png');
  background-position: 0px 0px, -40% 50%;
  background-size: auto, 80px;
  background-repeat: repeat, no-repeat;
}

.site-check-box.labs {
  margin-right: 0%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('/images/Imaging-centers.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/images/Imaging-centers.png');
  background-position: 0px 0px, -40% 50%;
  background-size: auto, 80px;
  background-repeat: repeat, no-repeat;
}

.checkbox-label {
  font-size: 16px;
  font-weight: 600;
}

.collapse-icon {
  width: 24px;
  height: 24px;
  float: right;
  background-image: url('/images/ic_expand_more.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.sub-category-content {
  position: static;
  display: block;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.list-item-block {
  display: inline-block;
  width: 100%;
  padding: 16px 42px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  cursor: pointer;
}

.list-item-block:hover {
  border-top: 1px solid #d3e0ee;
  border-bottom: 1px solid #d3e0ee;
  background-color: #f6f8fb;
}

.list-item-collapse-track {
  display: inline-block;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #d3e0ee;
}

.investigation-flex-block {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.auth-code {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
  border-radius: 50%;
  background-color: #f6f8fb;
  background-image: url('/images/ic_lock.svg');
  background-position: 50% 50%;
  background-size: 13px;
  background-repeat: no-repeat;
}

.lab-block {
  margin-bottom: 0px;
  padding: 18px 32px;
}

.patient-id-result {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 3px;
  background-color: #f6f8fb;
}

.resend-sms {
  display: inline-block;
  margin-top: 24px;
  float: right;
  color: #3952a6;
  text-decoration: none;
}

.resend-sms:hover {
  color: #00b066;
}

.account-locked {
  width: 32px;
  height: 32px;
  margin-left: auto;
  float: right;
  border-radius: 50%;
  background-color: #d3e0ee;
  background-image: url('/images/ic_lock.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.visit-data-block {
  display: block;
  overflow: hidden;
  width: 680px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  border-width: 1px;
  border-color: #dfe8f2;
  border-radius: 3px;
}

.visit-content-block {
  overflow: hidden;
  margin-bottom: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

.visit-content-block:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}

.add-item {
  padding: 8px 54px;
  float: right;
  border-radius: 3px;
  background-color: #3952a6;
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
}

.add-item:hover {
  background-color: #1d368b;
}

.btn-add-option {
  min-width: 50%;
  padding: 12px 32px;
  border-radius: 4px;
  background-color: #3952a6;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
}

.btn-add-option:hover {
  background-color: #1d368b;
}

.empty-placeholder {
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  background-color: #f6f8fb;
  color: rgba(51, 51, 51, 0.54);
  font-size: 15px;
  line-height: 21px;
  text-align: left;
}

.diagnosis-overlay {
  position: fixed;
  left: 20%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  overflow: auto;
  width: 80%;
  padding: 92px 32px 32px;
  background-color: rgba(29, 34, 39, 0.86);
  color: #000;
}

.diagnosis {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  background-color: #f6f8fb;
  color: rgba(0, 0, 0, 0.64);
}

.diagnosis.remove {
  padding-right: 32px;
  background-image: url('/images/ic_cancel.svg');
  background-position: 94% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  cursor: pointer;
}

.diagnosis.remove:hover {
  border-color: rgba(254, 88, 88, 0.24);
  background-color: #fe5858;
  color: #fff;
}

.diagnosis-form {
  position: relative;
  z-index: 2;
  padding: 16px;
  background-color: #f6f8fb;
}

.diagnosis-block {
  overflow: hidden;
  width: 90%;
  margin-bottom: 6px;
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  text-align: left;
}

.diagnosis-comment-block {
  position: relative;
  z-index: 2;
  margin-right: -16px;
  margin-left: -16px;
  padding: 16px;
  border-top: 1px solid #d3e0ee;
  background-color: #f6f8fb;
  color: rgba(0, 0, 0, 0.54);
}

.diagnosis-code-label {
  margin-top: 2px;
  font-family: 'Roboto Mono', sans-serif;
  color: rgba(0, 0, 0, 0.46);
  text-transform: capitalize;
}

.diagnosis-added {
  display: inline-block;
  padding: 2px 12px;
  float: right;
  border-radius: 30px;
  background-color: rgba(0, 176, 102, 0.3);
  box-shadow: inset 0 0 0 1px rgba(23, 143, 92, 0.18);
  color: #017f4a;
  font-size: 12px;
}

.encounter-date-block {
  padding: 6px 16px;
  border-bottom: 1px solid #d3e0ee;
  background-color: #f6f8fb;
  color: rgba(0, 0, 0, 0.42);
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}

.card-block {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 32px;
  border-radius: 8px;
  background-color: #fe5858;
  box-shadow: 0 10px 30px -15px rgba(125, 132, 153, 0.8);
}

.card-chip-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  padding: 16px 5%;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-chip {
  width: 80%;
  height: 40px;
  margin-bottom: 16px;
  border-radius: 5px;
  background-color: #d3e0ee;
}

.card-mini-profile {
  width: 50%;
  height: 30px;
  border-radius: 2px;
  background-color: #d3e0ee;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.card-details-wrapper {
  width: 40%;
  padding-top: 8px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card-line {
  width: 100%;
  height: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 20px;
  background-color: #d3e0ee;
}

.card-line.line {
  width: 40%;
}

.card-line.name {
  width: 60%;
  margin-top: 4px;
  margin-bottom: 0px;
}

.card-line.surname {
  width: 50%;
}

.card-line.date {
  width: 90%;
}

.card-line.null {
  margin-top: 4px;
  margin-bottom: 0px;
}

.card-no {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 4px 14px;
  border-radius: 20px;
  background-color: #d3e0ee;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-align: left;
}

.card-profile-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  padding: 16px 5%;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-profile {
  width: 70px;
  height: 70px;
  margin-bottom: 24px;
  border-radius: 50%;
  background-color: #d3e0ee;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.card-title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 5% 8px 7%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #d3e0ee;
  text-align: center;
}

.card-ecowas {
  width: 30px;
  height: 30px;
  float: left;
  border-radius: 50%;
  background-color: #d3e0ee;
}

.card-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin-right: 2%;
  margin-left: 2%;
  padding-right: 5%;
  padding-left: 5%;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-ecowa {
  display: none;
  color: rgba(0, 0, 0, 0.3);
  font-size: 1em;
  line-height: 1em;
  font-weight: 700;
}

.card-republic-of-ghana {
  display: none;
  color: rgba(0, 0, 0, 0.2);
  font-size: 13px;
  font-weight: 600;
}

.card-flag {
  width: 15%;
  height: 30px;
  float: right;
  border-radius: 3px;
  background-color: #d3e0ee;
}

.register-form-block-card {
  display: block;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.register-form-block-card.center {
  text-align: center;
}

.register-form-block-confirm {
  width: 60%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.register-form-block-confirm.patient-reg {
  width: auto;
}

.ghana-card-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.text-block-4 {
  margin-top: -4px;
  color: rgba(0, 0, 0, 0.49);
}

.card-info-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-5 {
  display: none;
  width: 2%;
  height: 4px;
  margin-right: 1%;
  margin-left: 1%;
  float: left;
  border-radius: 5px;
  background-color: #c4d3e4;
}

.image {
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  padding: 23px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #f6f8fb;
}

.ghana-card-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 32px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 12px;
  box-shadow: 0 1px 1px 0 #929292, 0 20px 30px -10px rgba(0, 0, 0, 0.1);
}

.button-no-card {
  display: inline-block;
  width: 100%;
  margin-top: 8px;
  padding: 12px 24px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 4px;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  color: rgba(29, 34, 39, 0.86);
  text-align: center;
  text-decoration: none;
}

.button-no-card:hover {
  background-color: #f6f8fb;
}

.go-back-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(29, 34, 39, 0.7);
}

.seconday-btn-wrapper {
  margin-top: 32px;
  text-align: center;
}

.site-ghana-card {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  box-shadow: 0 20px 20px -10px rgba(29, 34, 39, 0.27), 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

._3-column {
  width: 33.33%;
  float: left;
}

._3-column.left {
  padding-right: 5%;
  text-align: right;
}

._3-column.right {
  padding-left: 5%;
  text-align: left;
}

._3-column.middle {
  position: relative;
  width: 60%;
}

.ghana-card-list-item {
  margin-bottom: 16px;
}

.ghana-card-list {
  padding-left: 20px;
}

.sign-in-menu {
  position: absolute;
  left: 0%;
  top: 60px;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #000;
  text-align: left;
  text-transform: none;
}

.site-menu-wrapper {
  width: 25%;
  padding: 32px 5% 48px;
  float: left;
  border-left: 1px solid #d3e0ee;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: rgba(51, 51, 51, 0.62);
  font-size: 14px;
  text-decoration: none;
}

.site-menu-wrapper:hover {
  background-color: #f6f8fb;
}

.site-menu-wrapper.register {
  background-color: #f6f8fb;
}

.register-menu {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  margin-top: 64px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #000;
  text-align: left;
  text-transform: none;
}

.form-label-title {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 34px;
}

.form-label-title.pin {
  margin-bottom: 8px;
}

.read-more {
  margin-top: 16px;
  padding-right: 32px;
  padding-left: 32px;
  border-radius: 3px;
  background-color: #3952a6;
}

.read-more:hover {
  background-color: #1d368b;
}

.bio-update-wrapper {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: auto;
  width: 60%;
  height: 100%;
  padding: 60px 10%;
  background-color: #fff;
  box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.3);
}

.inline-alert {
  margin-bottom: 16px;
  padding: 8px 5%;
  border: 1px solid #178f5c;
  border-radius: 3px;
  background-color: #00b066;
  color: #fff;
  text-align: center;
}

.inline-alert.red {
  border-color: #f33d3d;
  background-color: #fe5858;
}

.bio-modal-popup {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: none;
  overflow: auto;
  padding: 104px 16px 54px;
  background-color: rgba(29, 34, 39, 0.86);
}

.bio-modal-popup.bio-update {
  display: none;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.form-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.register-icon {
  width: 24px;
}

.register-icon-block {
  display: none;
  width: 60px;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #d3e0ee;
}

.register-checkbox {
  width: 30px;
  height: 30px;
  margin-bottom: 16px;
  margin-left: 0px;
  border-style: none;
  border-color: #c4d3e4;
  border-radius: 50%;
  background-color: #fff;
}

.register-checkbox.w--redirected-checked {
  background-color: rgba(29, 34, 39, 0.86);
  background-size: 16px;
}

.register-form-wrapper {
  display: block;
  max-width: 660px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  padding: 42px 5%;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: none;
  color: #000;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
}

.register-contact-label {
  float: left;
  line-height: 20px;
}

.contact-form-block {
  width: 50%;
  padding: 32px 5%;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
}

.contact-success {
  padding-top: 64px;
  padding-bottom: 64px;
  border-radius: 5px;
  background-color: #00b066;
  color: #fff;
}

.error-message-2 {
  border-radius: 4px;
  color: #fe5858;
}

.contact-details {
  display: block;
  width: 45%;
  margin-bottom: 32px;
  margin-left: 5%;
  padding: 32px 5% 42px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 3px;
  background-color: #f6f8fb;
  box-shadow: none;
  color: #000;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
}

.maps-embed {
  margin-top: 32px;
  margin-bottom: 32px;
}

.site-signup-block {
  display: inline-block;
  padding: 8px 16px 5px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  -webkit-transition: box-shadow 200ms ease, color 200ms ease, background-color 200ms ease;
  transition: box-shadow 200ms ease, color 200ms ease, background-color 200ms ease;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.site-signup-block:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.site-signup-block.w--current {
  background-color: rgba(29, 34, 39, 0.82);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.24);
  color: #fff;
}

.site-signup-block.sign-in {
  margin-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.site-signup-block.sign-in:hover {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.68);
}

.site-signup-block.register {
  background-color: rgba(29, 34, 39, 0.82);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.site-signup-block.register.w--current {
  background-color: rgba(29, 34, 39, 0.82);
}

.chevron-icon {
  height: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 6px;
  float: left;
}

.signup-label {
  float: left;
}

.signup-label.hero {
  margin-right: 8px;
}

.signup-forward {
  width: 12px;
  height: 12px;
  margin-left: -10px;
  float: left;
}

.nav-signin-block {
  margin-top: 16px;
  margin-left: 16px;
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0);
  border-radius: 6px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
}

.signup-minus {
  width: 9px;
  height: 12px;
  float: left;
}

.input-field-block {
  margin-bottom: 24px;
}

.input-field-block.pin {
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-field-block.name {
  margin-bottom: 0px;
}

.input-field-block.column-1 {
  margin-bottom: 0px;
}

.input-field-block.column-2 {
  margin-bottom: 0px;
}

.input-field-block.hide {
  display: none;
}

.phone-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -ms-grid-columns: 0.5fr 1.25fr;
  grid-template-columns: 0.5fr 1.25fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.register-selector {
  min-height: 42px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(57, 82, 166, 0.08);
  border-radius: 4px;
  background-color: #d3e0ee;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.register-selector:hover {
  border-color: #00b066;
}

.register-selector:focus {
  border-color: #00b066;
}

.date-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.pin-icon {
  width: 18px;
}

.pin-bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #f6f8fb;
}

.ghana-card-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -ms-grid-columns: 0.5fr 1fr 0.5fr;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.pin-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.pin-visibility-label {
  margin-bottom: 0px;
  color: rgba(0, 0, 0, 0.54);
}

.pin-visibility-checkbox {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-color: #d3e0ee;
}

.pin-visibility-checkbox.w--redirected-checked {
  border-color: #178f5c;
  background-color: #00b066;
  background-size: 12px;
}

.pin-visibility-checkbox.w--redirected-focus {
  border-color: #00b066;
  box-shadow: none;
}

.pin-visibility-block {
  margin-top: 16px;
}

.tool-tip-block {
  position: relative;
  margin-bottom: 8px;
}

.tool-tip-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0px;
  display: block;
  max-width: 320px;
  margin-right: auto;
  margin-left: auto;
  float: left;
}

.ghana-card-tip {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 0.5em;
  box-shadow: 0 1px 1px 0 #929292, 0 20px 30px -10px rgba(0, 0, 0, 0.1);
}

.tool-tip-trigger {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-left: 8px;
  float: left;
  border-radius: 50%;
  background-color: #f6f8fb;
  background-image: url('/images/ico-information.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  opacity: 0.52;
  cursor: pointer;
}

.tool-tip-trigger:hover {
  border-color: #00b066;
}

.bio-form-block {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  padding: 42px 5%;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  color: #000;
  text-align: left;
}

.navbar-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  overflow: auto;
  padding: 104px 16px 54px;
  background-color: rgba(29, 34, 39, 0.86);
}

.bio-profile {
  display: block;
  overflow: hidden;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #dfe8f2;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}

.hero-button {
  display: inline-block;
  padding: 16px 24px 16px 32px;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(29, 34, 39, 0.82);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -webkit-transition: box-shadow 200ms ease, color 200ms ease, background-color 200ms ease;
  transition: box-shadow 200ms ease, color 200ms ease, background-color 200ms ease;
  color: #fff;
  font-size: 17px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
}

.hero-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.hero-button.w--current {
  background-color: rgba(29, 34, 39, 0.82);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.24);
  color: #fff;
}

.hero-button-icon {
  width: 16px;
  height: 24px;
  float: left;
}

.list-item-wrapper {
  margin-bottom: 0px;
}

.pagnation-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagnation-icon {
  width: 12px;
}

.code-label {
  margin-top: 2px;
  opacity: 0.46;
  font-family: 'Roboto Mono', sans-serif;
  text-transform: capitalize;
}

.diagnosis-form-block {
  position: relative;
  z-index: 2;
  margin-bottom: 0px;
  border-top: 1px solid #d3e0ee;
  background-color: #f6f8fb;
}

.diagnosis-list-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
  padding: 12px 42px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  cursor: pointer;
}

.diagnosis-list-item:hover {
  background-color: #f6f8fb;
}

.diagnosis-success-alert {
  padding: 16px 42px 16px 16px;
  background-color: rgba(0, 176, 102, 0.1);
  text-align: left;
}

.diagnosis-added-check {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 8px;
  float: left;
  border-radius: 50%;
  background-color: #00b066;
  background-image: url('/images/ic_check_white_1.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}

.div-block-6 {
  float: left;
}

.diagnosis-error-alert {
  margin-top: -1px;
  background-color: rgba(254, 88, 88, 0.06);
  font-size: 13px;
  text-align: center;
}

.diagnosis-error-label {
  color: #fe5858;
}

.diagnosis-list-wrapper {
  margin-bottom: 0px;
  border-bottom: 1px solid #d3e0ee;
}

.data-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 680px;
  margin: 16px auto 32px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.data-title.search-block {
  padding: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  font-size: 17px;
}

.data-title.padding {
  padding: 48px 32px;
}

.data-title.investigation-selected {
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

.data-title.done-prompt {
  padding: 48px 32px 16px;
  background-color: #fff;
  color: #fff;
}

.data-title.add-new {
  margin-top: -16px;
  padding: 16px 16px 16px 32px;
  border-style: solid;
  border-width: 1px 1px 1px 2px;
  border-color: #d3e0ee #d3e0ee #d3e0ee #fe5858;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  text-align: left;
}

.data-title.visit {
  margin-bottom: 16px;
  border-bottom-style: none;
}

.section-title-h1 {
  margin-bottom: 0px;
  font-size: 28px;
  line-height: 32px;
}

.bio-update-wrapper-copy {
  position: relative;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 60px 10%;
  background-color: #fff;
  box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.3);
}

.text-block-5 {
  margin-right: 8px;
  margin-bottom: 2px;
  float: left;
}

.div-block-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sub-heading-column {
  padding: 16px 32px;
  border-bottom: 1px solid #d3e0ee;
  background-color: #f6f8fb;
}

.sub-heading-h1 {
  margin-right: 8px;
  opacity: 0.64;
  font-weight: 500;
  text-transform: uppercase;
}

.sub-heading-h1.pin {
  margin-bottom: 8px;
}

.column-block-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f8fb;
}

.column-block-action.facility-name {
  border-bottom-color: #f6f8fb;
  background-color: transparent;
}

.column-block-action.highlight {
  border-bottom-color: #f6f8fb;
  background-color: transparent;
}

.column-block-action.settings-highlight {
  margin-top: -1px;
  border-top: 1px solid #d3e0ee;
  border-bottom-color: #d3e0ee;
  background-color: rgba(246, 248, 251, 0.62);
}

.column-action-label {
  display: inline-block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  opacity: 0.64;
}

.nav-modal-overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  display: block;
  overflow: auto;
  padding: 64px 16px 54px;
  background-color: rgba(29, 34, 39, 0.86);
}

.nav-modal-overlay.nav {
  display: block;
}

.site-nav-close {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 60px;
  float: right;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  background-image: url('/images/ic_close.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  cursor: pointer;
}

.site-menu-flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.site-nav-label {
  margin-top: 3px;
  float: left;
}

.site-menu-wrapper-2 {
  width: 25%;
  padding: 32px 5% 48px;
  float: left;
  border-left: 1px solid #dfe8f2;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: rgba(51, 51, 51, 0.62);
  font-size: 14px;
  text-decoration: none;
}

.site-menu-wrapper-2:hover {
  background-color: #f6f8fb;
}

.site-menu-wrapper-2.first {
  border-left-style: none;
}

.register-menu-2 {
  z-index: 2;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #000;
  text-align: left;
  text-transform: none;
}

.site-nav-title-wrapper {
  position: relative;
  padding: 16px 5% 16px 4.5%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dfe8f2;
  background-color: #f6f8fb;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
}

.site-menu-icon {
  width: 32px;
  float: left;
}

.site-menu-icon.register {
  width: 20px;
  margin-top: 12px;
}

.site-menu-icon-wrapper {
  width: 25%;
  margin-bottom: 24px;
  float: left;
}

.site-menu-item-h1 {
  margin-bottom: 6px;
  color: #333;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.site-menu-item {
  width: 100%;
  float: left;
}

.div-block-8 {
  position: relative;
  height: 80px;
  float: left;
}

.menu-trigger {
  position: absolute;
  min-height: 50px;
  min-width: 60px;
  background-color: transparent;
}

.name-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.register-done {
  width: 54px;
  height: 54px;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
  border-style: solid;
  border-width: 2px;
  border-color: hsla(0, 0%, 100%, 0.54);
  border-radius: 50%;
  background-image: url('/images/ico-done.svg');
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.register-done.dark {
  border-color: #00b066;
  background-image: url('/images/ico-completed.svg');
}

.form-success-heading {
  margin-bottom: 24px;
  color: #fff;
  font-size: 28px;
  line-height: 34px;
}

.form-success-heading.pin {
  margin-bottom: 8px;
}

.section-title-icon {
  width: 28px;
  margin-right: 8px;
  float: left;
}

.section-title-block {
  margin-left: 16px;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-title-h2 {
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
  line-height: 22px;
}

.section-title-h2.tool-tip {
  float: left;
}

.section-title-h2.case {
  font-size: 16px;
  text-transform: none;
}

.two-field-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.data-section-copy {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
  margin-top: 60px;
  padding: 32px;
  background-color: #f6f8fb;
}

.data-section-copy.default {
  position: relative;
}

.partner-register-icon {
  margin-top: 1px;
  margin-left: 8px;
}

.tool-tip-details {
  position: relative;
  z-index: 1;
  margin-top: 8px;
  padding: 8px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 5px;
  background-color: #f6f8fb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: rgba(29, 34, 39, 0.7);
  line-height: 20px;
}

.div-block-10 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(29, 34, 39, 0.86);
}

.category-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 32px 5% 32px 10%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  text-decoration: none;
}

.category-block:hover {
  background-color: #f6f8fb;
}

.category-title {
  margin-bottom: 8px;
  color: #1c3044;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.category-paragraph {
  margin-top: 8px;
  margin-bottom: 0px;
  color: rgba(28, 48, 68, 0.72);
}

.category-icon {
  display: none;
  width: 16px;
}

.category-grid {
  width: 680px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
}

.cateogory-icon-wrapper {
  position: static;
  left: auto;
  top: 10%;
  right: 5%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 62px;
  height: 62px;
  margin-top: -4px;
  margin-left: auto;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #d3e0ee;
  border-radius: 50%;
  background-color: #3952a6;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.div-block-11 {
  position: relative;
  z-index: 1;
  width: 109%;
  margin-top: -34px;
  margin-bottom: 24px;
  margin-left: -32px;
  padding-top: 33px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d3e0ee;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.category-data-wrapper {
  width: 64%;
  margin-right: 8px;
  float: left;
}

.category-grids {
  margin: 16px;
}

.month-block {
  margin-top: -1px;
  padding: 8px 5%;
  border-top: 1px solid #d3e0ee;
  border-bottom: 1px solid #d3e0ee;
  color: rgba(28, 48, 68, 0.72);
}

.prescription-month {
  color: rgba(28, 48, 68, 0.72);
  font-weight: 500;
  text-transform: uppercase;
}

.prescription-day {
  color: #1c3044;
  font-size: 27px;
  line-height: 32px;
}

.prescription-wrapper {
  border-bottom: 1px solid #d3e0ee;
}

.prescription-wrapper.facility-name {
  border-bottom-color: #f6f8fb;
  background-color: transparent;
}

.prescription-wrapper.highlight {
  border-bottom-color: #f6f8fb;
  background-color: transparent;
}

.prescription-wrapper.settings-highlight {
  margin-top: -1px;
  border-top: 1px solid #d3e0ee;
  border-bottom-color: #d3e0ee;
  background-color: rgba(246, 248, 251, 0.62);
}

.prescription-wrapper.end {
  border-bottom-style: none;
}

.patient-section-strip {
  padding: 8px 16px;
  border-top: 1px solid #d3e0ee;
  border-bottom: 1px solid #d3e0ee;
  color: rgba(28, 48, 68, 0.72);
}

.prescription-status {
  margin-right: 8px;
  padding: 4px 16px;
  float: left;
  border-radius: 30px;
  background-color: #d3e0ee;
}

.prescription-status.pending {
  background-color: rgba(255, 223, 115, 0.3);
  color: #4c4322;
}

.prescription-status.dispensed {
  background-color: rgba(0, 176, 102, 0.15);
  color: #004d2c;
}

.card-wrapper {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: left;
}

html.w-mod-js *[data-ix="overlay-info-update"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="info-update-block"] {
  opacity: 0;
  -webkit-transform: translate(10%, 0px);
  -ms-transform: translate(10%, 0px);
  transform: translate(10%, 0px);
}

html.w-mod-js *[data-ix="ticker"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(-20px, 0px);
  -ms-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
}

html.w-mod-js *[data-ix="facility-info-block"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

html.w-mod-js *[data-ix="session-title-overlay"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

html.w-mod-js *[data-ix="loading-brand-icon"] {
  opacity: 0;
  -webkit-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  transform: translate(0px, 10px);
}

html.w-mod-js *[data-ix="request-details"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="expand-icon"] {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

html.w-mod-js *[data-ix="doctor-desktop"] {
  opacity: 0;
  -webkit-transform: translate(-40px, 0px);
  -ms-transform: translate(-40px, 0px);
  transform: translate(-40px, 0px);
}

html.w-mod-js *[data-ix="doctor-tablet"] {
  opacity: 0;
  -webkit-transform: translate(40px, 0px);
  -ms-transform: translate(40px, 0px);
  transform: translate(40px, 0px);
}

html.w-mod-js *[data-ix="lab-desktop"] {
  opacity: 0;
  -webkit-transform: translate(40px, 0px);
  -ms-transform: translate(40px, 0px);
  transform: translate(40px, 0px);
}

html.w-mod-js *[data-ix="pharmacy-phone"] {
  opacity: 0;
  -webkit-transform: translate(-40px, 0px);
  -ms-transform: translate(-40px, 0px);
  transform: translate(-40px, 0px);
}

html.w-mod-js *[data-ix="pharmacy-tablet"] {
  opacity: 0;
  -webkit-transform: translate(40px, 0px);
  -ms-transform: translate(40px, 0px);
  transform: translate(40px, 0px);
}

html.w-mod-js *[data-ix="patient-phone"] {
  opacity: 0;
  -webkit-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
}

html.w-mod-js *[data-ix="dosage-form-block"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="facility-search-overlay"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

html.w-mod-js *[data-ix="patient-info"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="patient-info-block"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

html.w-mod-js *[data-ix="faqs-answer-block"] {
  display: none;
}

html.w-mod-js *[data-ix="investigation-group-content"] {
  display: block;
  opacity: 1;
}

html.w-mod-js *[data-ix="collapse-icon"] {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

html.w-mod-js *[data-ix="list-item-collapse-track"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="investigation-flex-block"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="register-form-lock-confirm"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(20px, 0px);
  -ms-transform: translate(20px, 0px);
  transform: translate(20px, 0px);
}

html.w-mod-js *[data-ix="site-menu"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(-20px, 0px);
  -ms-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
}

html.w-mod-js *[data-ix="site-menu-wrappe"] {
  opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

@media screen and (max-width: 991px) {
  .content-column {
    position: static;
    width: 100%;
    float: none;
  }

  .nav-button.w--open {
    background-color: #000;
  }

  .nav-link {
    padding-right: 24px;
  }

  .container {
    position: relative;
    width: 100%;
    margin-left: 0px;
    border-left-style: none;
  }

  .nav-section {
    width: 260px;
  }

  .title-bar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    padding-right: 32px;
    padding-left: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .data-section {
    position: static;
    display: inline-block;
    overflow: visible;
    width: 100%;
  }

  .nav-profile {
    position: relative;
    width: 100%;
    padding-right: 24px;
  }

  .nav-title-h1 {
    margin-top: 2px;
  }

  .title-bar-section {
    width: 100%;
  }

  .title-bar-section.primary {
    width: 96%;
    padding-left: 32px;
    float: right;
  }

  .data-block {
    width: 100%;
  }

  .navbar-copy {
    width: 0%;
  }

  .content-block.ghana-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .site-container {
    width: 100%;
  }

  .site-container.navbar {
    padding-right: 16px;
    padding-left: 16px;
  }

  .hero-type-container {
    width: 100%;
  }

  .input-field.alpha-code {
    text-align: center;
  }

  .input-field.number-code {
    text-align: center;
  }

  .navbar-section {
    position: static;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    overflow: auto;
    width: 60px;
    background-color: transparent;
  }

  .nav-menu {
    position: relative;
    overflow: auto;
    width: 60vw;
    float: none;
    border-right: 1px none transparent;
  }

  .menu-button {
    float: left;
    background-color: #fff;
    color: #000;
  }

  .menu-button.w--open {
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
    color: #000;
  }

  .nav-column {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2000;
    width: 0%;
    background-color: rgba(29, 34, 39, 0.86);
  }

  .nav-column.secondary {
    display: none;
  }

  .button-block {
    width: 100%;
  }

  .segmented-control {
    width: 100%;
  }

  .sign-in-container {
    width: 100%;
  }

  .site-navigation {
    width: 80%;
  }

  .site-menu-button.w--open {
    background-color: transparent;
  }

  .notification-ticker {
    background-position: 98% 12px;
  }

  .facility-info-section {
    position: fixed;
    left: 0%;
    width: 100%;
    margin-top: 60px;
    padding-top: 42px;
    border-left-style: none;
  }

  .settings-saved {
    width: 100%;
  }

  .site-content-block.about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .product-shot {
    min-height: 200px;
  }

  .link-block {
    width: 100%;
  }

  .site-features-block {
    width: 50%;
    margin-top: -1px;
    margin-left: -1px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: #d3e0ee;
  }

  .pagnation-page {
    padding-right: 16px;
    padding-left: 16px;
  }

  .doctor-desktop {
    left: -20px;
  }

  .doctor-tablet {
    left: 114px;
    width: 260px;
  }

  .patient-phone {
    top: 73px;
    right: 0px;
    width: 100%;
    margin-top: 0px;
  }

  .product-icon {
    width: 36px;
    height: 36px;
    background-size: 14px;
  }

  .clinical-summary-overlay {
    position: fixed;
    left: 0%;
    width: 100%;
    margin-top: 60px;
    padding-top: 42px;
    border-left-style: none;
  }

  .lab-request-overlay {
    position: fixed;
    left: 0%;
    width: 100%;
    margin-top: 60px;
    padding-top: 42px;
    border-left-style: none;
  }

  .prescription-overlay {
    position: fixed;
    left: 0%;
    width: 100%;
    margin-top: 60px;
    padding-top: 42px;
    border-left-style: none;
  }

  .message-ticker {
    background-position: 98% 12px;
  }

  .location-search {
    width: 100%;
  }

  .data-section-copy {
    position: static;
    display: inline-block;
    overflow: visible;
    width: 100%;
  }

  .facility-search-overlay {
    left: 0%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1001;
  }

  .patient-info-modal-overlay {
    left: 0%;
    width: 100%;
    margin-top: 60px;
    padding-top: 42px;
    border-left-style: none;
  }

  .register-contact-block {
    margin-top: 24px;
  }

  .resend-sms {
    margin-top: 24px;
  }

  .visit-data-block {
    width: 100%;
  }

  .diagnosis-overlay {
    position: fixed;
    left: 0%;
    width: 100%;
    margin-top: 60px;
    padding-top: 42px;
    border-left-style: none;
  }

  ._3-column.middle {
    width: 40%;
    padding-top: 80px;
  }

  .bio-update-wrapper {
    width: 90%;
  }

  .nav-signin-block {
    float: right;
  }

  .bio-profile {
    width: 100%;
  }

  .hero-button {
    margin-right: 5px;
    margin-left: 5px;
  }

  .data-title {
    width: 100%;
  }

  .bio-update-wrapper-copy {
    width: 90%;
  }

  .site-nav-close {
    display: none;
  }

  .data-section-copy {
    position: static;
    display: inline-block;
    overflow: visible;
    width: 100%;
  }

  .category-grid {
    width: 100%;
  }

  .div-block-11 {
    padding-right: 5%;
    padding-left: 5%;
  }
}

@media screen and (max-width: 767px) {
  .nav-text {
    font-size: 16px;
  }

  .title-bar {
    padding-right: 16px;
    padding-left: 16px;
    font-weight: 600;
  }

  .data-section {
    padding: 16px;
  }

  .data-block.search-block {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .data-block.done-prompt {
    width: 96%;
    margin-top: 16px;
  }

  .search-input {
    padding-left: 48px;
    border-style: none;
  }

  .search-input::-webkit-input-placeholder {
    font-size: 18px;
  }

  .search-input:-ms-input-placeholder {
    font-size: 18px;
  }

  .search-input::-ms-input-placeholder {
    font-size: 18px;
  }

  .search-input::placeholder {
    font-size: 18px;
  }

  .patient-list.visit {
    width: 60%;
  }

  .item-h1 {
    font-size: 17px;
  }

  .item-h2 {
    font-size: 16px;
  }

  .content-block._16-up {
    margin-top: 16px;
  }

  .h1 {
    font-size: 20px;
  }

  .h2 {
    font-weight: 400;
  }

  .visit-block {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom-color: #d3e0ee;
  }

  .nav-icon.back {
    background-position: 50% 50%;
    background-size: 16px;
  }

  .nav-icon.forward {
    background-size: 10px;
  }

  .nav-icon.checked {
    margin-top: 0px;
  }

  .scroll-section {
    overflow: visible;
    height: auto;
  }

  .text-field {
    font-size: 16px;
  }

  .form-lable-column {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    float: none;
    font-size: 17px;
    line-height: 24px;
    text-align: left;
  }

  .form-lable-column.prescriptions {
    width: 15%;
    float: left;
    text-align: right;
  }

  .text-area {
    font-size: 16px;
  }

  .form-input-column {
    width: 100%;
    padding-top: 0px;
  }

  .form-input-column.prescriptions {
    width: 85%;
    padding-top: 16px;
  }

  .form-input-column.added-diagnosis {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    border-bottom-color: #c4d3e4;
  }

  .column-block {
    border-bottom-color: #d3e0ee;
  }

  .form-label-h1 {
    font-size: 17px;
  }

  .hero-section {
    padding-bottom: 32px;
  }

  .site-container.navbar {
    z-index: 100;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #3c4045;
  }

  .site-container.ghana-card {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .site-container._60per {
    width: 100%;
  }

  .brand-name {
    margin-right: 8px;
    margin-left: 16px;
  }

  .site-navbar {
    width: 100%;
    border-radius: 3px;
  }

  .site-nav-link {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding: 16px 24px;
    border-radius: 4px;
    background-color: rgba(29, 34, 39, 0.86);
    -webkit-transition: color 200ms ease, background-color 200ms ease;
    transition: color 200ms ease, background-color 200ms ease;
    color: #f6f8fb;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
  }

  .site-nav-link:hover {
    box-shadow: none;
  }

  .site-nav-link.w--current {
    box-shadow: none;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
  }

  .site-nav-link.dashboard {
    margin-left: 0px;
    padding: 16px 24px;
    background-color: #f6f8fb;
    color: rgba(29, 34, 39, 0.86);
  }

  .site-nav-link.dashboard:hover {
    background-color: #178f5c;
    color: #fff;
  }

  .sign-dropdown {
    color: #3952a6;
  }

  .sign-drop-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-type-container {
    margin-top: 40px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .input-field {
    font-size: 16px;
  }

  .input-field:hover {
    border-color: #00b066;
  }

  .input-field:focus {
    border-color: #00b066;
  }

  .register__form__block {
    width: 100%;
    padding-top: 16px;
    border-style: none;
    box-shadow: none;
  }

  .register__form__block.register {
    border-style: solid;
  }

  .register__form__block.pin {
    padding-top: 42px;
    border-style: solid;
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.05);
  }

  .register__form__block.sign-in {
    padding-top: 42px;
    border-style: solid;
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.05);
  }

  .register__form__block.done {
    padding-top: 42px;
  }

  .register__form__block.pin-code {
    padding-top: 42px;
    border-style: solid;
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.05);
  }

  .register__form__block.partner-register {
    border-style: solid;
  }

  .site-dropdown {
    font-size: 15px;
    font-weight: 600;
  }

  .site-section {
    padding-right: 32px;
    padding-left: 32px;
  }

  .site-section.features {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .site-section.hero-image-shot {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .site-section.ghana-card {
    padding-top: 48px;
    text-align: left;
  }

  .terms-and-conditions-h1 {
    font-size: 13px;
  }

  .prescription-block {
    border-radius: 6px;
  }

  .form-label-h2 {
    font-size: 13px;
  }

  .prespcription-type {
    font-size: 16px;
    line-height: 22px;
  }

  .comment-block.placeholder {
    margin-top: 16px;
    font-size: 16px;
    line-height: 22px;
  }

  .built-for {
    width: 33.33%;
    padding-right: 16px;
    padding-left: 16px;
  }

  .hero-content-block {
    margin-top: 0px;
  }

  .site-dropdown-form-list.w--open {
    font-size: 16px;
    font-weight: 600;
  }

  .action-block-options {
    width: 80%;
  }

  .register-form-block {
    width: 93%;
  }

  .hero-h1 {
    width: 100%;
  }

  .site-navigation {
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-bottom: 32px;
    padding-left: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #3c4045;
  }

  .site-menu-button {
    padding: 22px;
  }

  .notification-ticker {
    background-position: 97% 15px;
  }

  .facility-info-container {
    width: 100%;
  }

  .item-h3 {
    font-size: 16px;
  }

  .numbering-item {
    font-weight: 600;
  }

  .request-details {
    background-color: #f6f8fb;
  }

  .site-content-block.hero-shot {
    display: block;
  }

  .site-content-block.ghana-card-flex {
    display: block;
  }

  .site-feature-column {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .site-feature-column.productshot {
    display: block;
    margin-top: 0px;
  }

  .site-feature-column.feature-column {
    margin-bottom: 32px;
  }

  .product-shot._1 {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .product-shot._2 {
    position: relative;
    display: block;
    margin-top: -199px;
    margin-right: auto;
    margin-left: auto;
  }

  .site-column-3 {
    width: 100%;
    padding-right: 0px;
  }

  .link-block {
    width: 100%;
    float: left;
  }

  .hero-shot-image {
    right: 0px;
  }

  .footer-paragraph.right {
    margin-left: 0px;
    float: left;
  }

  .site-features-block {
    width: 25%;
  }

  .dosage-label-h2 {
    font-size: 14px;
  }

  .item-label-h1 {
    font-size: 16px;
  }

  .pagnation-page {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
  }

  .doctor-desktop {
    width: 80%;
  }

  .doctor-tablet {
    width: 38%;
  }

  .lab-desktop {
    width: 80%;
  }

  .pharmacy-phone {
    width: 30%;
  }

  .pharmacy-tablet {
    width: 80%;
  }

  .product-block {
    bottom: -30px;
  }

  .new-facility-body {
    width: 100%;
    padding-top: 8px;
  }

  .message-ticker {
    background-position: 97% 15px;
  }

  .presciption-type {
    font-size: 14px;
    line-height: 20px;
  }

  .prescription-details-block {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .location-block {
    width: 103.5%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .location-text {
    float: right;
  }

  .facility-search-block {
    display: block;
    width: 100%;
    height: auto;
  }

  .div-block-2 {
    width: 100%;
  }

  .facility-map-holder-block {
    width: 100%;
    height: 140px;
    border-left-style: none;
    background-image: url('/images/placeholder.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .data-section-copy {
    padding: 16px;
  }

  .facility-search-overlay {
    padding-top: 32px;
  }

  .site-check-box.doctor {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('/images/doctors.png');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/doctors.png');
    background-position: 0px 0px, -40% 50%;
    background-size: auto, 80px;
    background-repeat: repeat, no-repeat;
  }

  .site-check-box.pharmacy {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('/images/Medtrack-Pharmacy.png');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/Medtrack-Pharmacy.png');
    background-position: 0px 0px, -40% 50%;
    background-size: auto, 80px;
    background-repeat: repeat, no-repeat;
  }

  .site-check-box.labs {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('/images/Imaging-centers.png');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/Imaging-centers.png');
    background-position: 0px 0px, -40% 50%;
    background-size: auto, 80px;
    background-repeat: repeat, no-repeat;
  }

  .btn-add-option {
    font-size: 17px;
    line-height: 22px;
  }

  .diagnosis {
    font-size: 16px;
  }

  .diagnosis-code-label {
    font-size: 14px;
  }

  .register-form-block-card {
    width: 93%;
  }

  .register-form-block-confirm {
    width: 93%;
  }

  .button-no-card {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .site-ghana-card {
    width: 80%;
  }

  ._3-column {
    width: 100%;
  }

  ._3-column.left {
    text-align: left;
  }

  ._3-column.right {
    padding-left: 0%;
  }

  ._3-column.middle {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 0px;
  }

  .sign-in-menu {
    top: 0%;
    width: 96%;
    margin-top: 10px;
  }

  .site-menu-wrapper {
    width: 50%;
    border-bottom: 1px solid #d3e0ee;
    font-weight: 400;
  }

  .register-menu {
    top: 0%;
    width: 96%;
    margin-top: 10px;
  }

  .bio-update-wrapper {
    position: fixed;
    overflow: auto;
    width: 90%;
    height: 100vh;
  }

  .bio-modal-popup.bio-update {
    padding-left: 10%;
  }

  .register-form-wrapper {
    width: 100%;
    padding-top: 16px;
    border-style: none;
  }

  .contact-form-block {
    width: 100%;
  }

  .contact-details {
    width: 100%;
    margin-left: 0%;
  }

  .site-signup-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-bottom: 17px;
    margin-left: 0px;
    padding: 16px 24px;
    border-radius: 4px;
    background-color: rgba(29, 34, 39, 0.86);
    -webkit-transition: color 200ms ease, background-color 200ms ease;
    transition: color 200ms ease, background-color 200ms ease;
    color: #f6f8fb;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
  }

  .site-signup-block:hover {
    background-color: #00b066;
    box-shadow: none;
    color: #fff;
  }

  .site-signup-block.w--current {
    color: #fff;
  }

  .site-signup-block.sign-in {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .site-signup-block.register {
    background-color: #00b066;
  }

  .chevron-icon {
    height: 10px;
  }

  .signup-label.hero {
    margin-top: 0px;
    margin-bottom: 2px;
  }

  .nav-signin-block {
    width: 100%;
    margin-left: 0px;
    float: left;
  }

  .nav-signin-block:hover {
    border-style: none;
  }

  .register-selector {
    font-size: 16px;
  }

  .bio-form-block {
    width: 100%;
  }

  .hero-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-bottom: 17px;
    margin-left: 0px;
    padding: 16px 24px;
    border-radius: 4px;
    background-color: rgba(29, 34, 39, 0.86);
    -webkit-transition: color 200ms ease, background-color 200ms ease;
    transition: color 200ms ease, background-color 200ms ease;
    color: #f6f8fb;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
  }

  .hero-button:hover {
    background-color: #00b066;
    box-shadow: none;
    color: #fff;
  }

  .hero-button.w--current {
    color: #fff;
  }

  .code-label {
    font-size: 14px;
  }

  .data-title {
    padding-right: 4px;
    padding-left: 4px;
  }

  .data-title.search-block {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .data-title.done-prompt {
    width: 96%;
    margin-top: 16px;
  }

  .sub-heading-column {
    padding: 8px 16px;
  }

  .column-block-action {
    border-bottom-color: #d3e0ee;
  }

  .site-menu-flex-wrapper {
    display: block;
  }

  .site-menu-wrapper-2 {
    width: 50%;
    border-bottom: 1px solid #dfe8f2;
    font-weight: 400;
  }

  .register-menu-2 {
    top: 0%;
    width: 96%;
    margin-top: 10px;
  }

  .site-menu-item-h1 {
    font-weight: 700;
  }

  .site-menu-item {
    width: 75%;
    padding-left: 4%;
  }

  .data-section-copy {
    padding: 16px;
  }

  .category-paragraph {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-11 {
    width: 106%;
    margin-top: -16px;
    margin-left: -16px;
  }

  .prescription-day {
    font-size: 24px;
    line-height: 30px;
  }

  .prescription-wrapper {
    border-bottom-color: #d3e0ee;
  }

  .prescription-status {
    font-size: 13px;
    font-weight: 500;
  }
}

@media screen and (max-width: 479px) {
  .data-section {
    padding: 8px;
  }

  .data-block.padding {
    padding-right: 16px;
    padding-left: 16px;
  }

  .data-block.done-prompt {
    padding-right: 16px;
    padding-left: 16px;
  }

  .data-block.add-new {
    padding-left: 16px;
  }

  .item-list {
    padding-left: 8px;
  }

  .patient-avatar.folder {
    width: 70px;
    height: 70px;
  }

  .patient-avatar.home {
    width: 70px;
    height: 70px;
  }

  .patient-list {
    width: 54%;
  }

  .patient-list.visit {
    width: 78%;
  }

  .patient-details-block {
    border-bottom-color: #c4d3e4;
  }

  .content-block.done {
    margin-right: -17px;
    margin-left: -17px;
  }

  .content-block.logout {
    margin-bottom: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .content-block.register {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: transparent;
  }

  .visit-block {
    padding-left: 9px;
  }

  .modal-overlay {
    padding: 54px 16px;
  }

  .modal-block {
    width: 100%;
    min-width: auto;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
  }

  .button.approved {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 16px;
    margin-left: 0px;
  }

  .button.declined {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 32px;
    margin-left: 0px;
  }

  .button.add {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    float: right;
    background-color: #00b066;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
  }

  .button.add:hover {
    background-color: #178f5c;
  }

  .button.log-out {
    width: 100%;
    margin-right: 8px;
    margin-bottom: 16px;
    margin-left: 8px;
  }

  .button.secondary {
    margin-bottom: 16px;
  }

  .button.end-session {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 16px;
    margin-left: 8px;
  }

  .button.send-request {
    margin-bottom: 16px;
  }

  .button.add-new-facility {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .button.new-session {
    width: 90%;
  }

  .text-field.phone {
    width: 74%;
  }

  .list-item-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-color: #c4d3e4;
  }

  .form-input-column {
    padding-bottom: 24px;
  }

  .form-input-column.prescriptions {
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .column-block {
    border-bottom-color: #c4d3e4;
  }

  .column-block.facility-name {
    border-bottom-color: #c4d3e4;
  }

  .attachments {
    width: 100%;
  }

  .hero-section {
    text-align: left;
  }

  .site-container.ghana-card {
    margin-top: 0px;
  }

  .site-nav-link {
    width: 100%;
    text-align: center;
  }

  .hero-type-container {
    margin-top: 40px;
  }

  .input-field.phone-number {
    width: 63%;
  }

  .register__form__block {
    width: 100%;
  }

  .register__form__block.register {
    padding-right: 16px;
    padding-left: 16px;
  }

  .register__form__block.done {
    width: 90%;
  }

  .register__form__block.partner-register {
    padding-right: 16px;
    padding-left: 16px;
  }

  .site-dropdown {
    margin-bottom: 6px;
  }

  .site-section {
    padding: 48px 16px;
  }

  .site-section.faqs-section {
    padding-right: 16px;
    padding-left: 16px;
  }

  .site-section.register {
    padding-top: 16px;
  }

  .site-section.contact {
    padding-top: 32px;
  }

  .site-section.activation {
    padding-top: 16px;
  }

  .empty-state {
    padding-right: 16px;
    padding-left: 16px;
  }

  .empty-state.send-request {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .attachment-thumbs {
    margin-top: 10px;
    margin-right: 10px;
  }

  .nav-menu {
    width: 80vw;
  }

  .close.bio-update {
    margin-bottom: 24px;
  }

  .prescription-block {
    width: 95%;
    margin-top: 12px;
  }

  .prescription-label {
    font-size: 24px;
    line-height: 30px;
  }

  .button-block {
    padding: 0px;
    border-style: none;
    background-color: transparent;
  }

  .item-data-list {
    width: 68%;
  }

  .prespcription-type {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .prespcription-type.remove {
    width: 100%;
    background-position: 96% 50%;
  }

  .patient-medtrack-checked {
    padding-left: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .built-for {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 8px 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-align: left;
  }

  .hero-content-block {
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .action-block-options {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .register-form-block {
    width: 100%;
    padding: 16px 0px;
  }

  .hero-h1 {
    font-size: 2.8em;
  }

  .modal-overlay-logout {
    padding-right: 16px;
    padding-bottom: 54px;
    padding-left: 16px;
  }

  .notification-ticker {
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null));
    background-image: linear-gradient(180deg, null, null);
  }

  .facility-info-section {
    padding-right: 16px;
    padding-left: 16px;
  }

  .facility-info-content-block {
    padding-right: 16px;
    padding-left: 16px;
  }

  .item-list-icon.clinical-summary.visits {
    display: none;
  }

  .item-list-icon.lab-investigations.visits {
    display: none;
  }

  .item-list-icon.prescriptions {
    opacity: 1;
  }

  .item-list-icon.prescriptions.visits {
    display: none;
  }

  .numbering-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .setting-tab {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .settings-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
  }

  .modal-overlay-delete-app {
    padding: 54px 16px;
  }

  .site-content-block.about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .site-feature-column.about {
    padding-right: 0px;
    padding-left: 0px;
  }

  .product-shot {
    width: 100%;
  }

  .product-shot._2 {
    width: 96%;
  }

  .footer-paragraph.right {
    margin-bottom: 16px;
  }

  .site-features-block {
    width: 50%;
    margin-top: -1px;
    margin-left: -1px;
    padding: 16px 8px;
    border-top: 1px solid #d3e0ee;
    border-right: 1px solid #d3e0ee;
    border-bottom: 1px solid #d3e0ee;
  }

  .modal-overlay-delete-drug {
    padding: 54px 16px;
  }

  .item-label-h1 {
    line-height: 22px;
  }

  .item-column {
    width: 100.5%;
  }

  .item-flex-block {
    display: block;
    width: 100%;
  }

  .hero-icon-block {
    width: 54px;
    height: 54px;
    margin-right: 5%;
    margin-bottom: 0px;
    margin-left: 0px;
    float: left;
  }

  .doctor-desktop {
    width: 100%;
  }

  .patient-phone {
    left: 0px;
    top: -6px;
  }

  .product-block {
    bottom: -5px;
  }

  ._2-column {
    width: 100%;
    float: none;
    text-align: center;
  }

  ._2-column.register-left {
    margin-bottom: 16px;
    padding-right: 0%;
    text-align: left;
  }

  ._2-column.register-right {
    padding-left: 0%;
    text-align: left;
  }

  .new-facility-h1 {
    font-size: 15px;
  }

  .delete-attachment {
    margin-top: -8px;
  }

  .added-item-list {
    display: block;
    background-color: #f6f8fb;
    color: #000;
  }

  .added-list-block {
    width: 75%;
  }

  .clinical-summary-overlay {
    padding-right: 8px;
    padding-left: 8px;
  }

  .lab-request-overlay {
    padding-right: 8px;
    padding-left: 8px;
  }

  .prescription-overlay {
    padding-right: 8px;
    padding-left: 8px;
  }

  .message-ticker {
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null));
    background-image: linear-gradient(180deg, null, null);
  }

  .tab-title {
    padding-right: 18px;
    padding-left: 18px;
  }

  .location-block {
    width: 106.5%;
  }

  .location-search {
    padding: 8px;
  }

  .data-section-copy {
    padding: 8px;
  }

  .facility-search-overlay {
    padding-right: 16px;
    padding-left: 16px;
  }

  .investigation-block {
    width: 95%;
    margin-top: 12px;
  }

  .patient-info-modal-overlay {
    padding-right: 16px;
    padding-left: 16px;
  }

  .register-contact-block {
    width: 100%;
  }

  .site-check-box {
    width: 49%;
    height: 100px;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
  }

  .site-check-box.doctor {
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null)), url('/images/doctors.png');
    background-image: linear-gradient(180deg, null, null), url('/images/doctors.png');
    background-position: 0px 0px, -20% 50%;
  }

  .site-check-box.pharmacy {
    margin-right: 5px;
  }

  .checkbox-label {
    font-size: 14px;
    font-weight: 500;
  }

  .list-item-block {
    padding-right: 16px;
    padding-left: 16px;
  }

  .lab-block {
    padding-right: 16px;
    padding-left: 16px;
  }

  .patient-id-result {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .visit-content-block {
    border-color: #c4d3e4;
  }

  .add-item {
    width: 100%;
    margin-top: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
  }

  .btn-add-option {
    width: 100%;
  }

  .diagnosis-overlay {
    padding-right: 8px;
    padding-left: 8px;
  }

  .diagnosis-block {
    width: 95%;
    margin-top: 12px;
  }

  .diagnosis-added {
    float: left;
  }

  .encounter-date-block {
    margin-top: -1px;
    border-top: 1px solid #d3e0ee;
  }

  .card-chip-wrapper {
    width: 25%;
  }

  .card-chip {
    width: 40px;
    height: 30px;
  }

  .card-mini-profile {
    width: 40px;
    height: 20px;
  }

  .card-details-wrapper {
    width: 50%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .card-line {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .card-profile-wrapper {
    width: 25%;
  }

  .card-profile {
    width: 50px;
    height: 50px;
  }

  .card-title-wrapper {
    padding-top: 8px;
  }

  .card-ecowa {
    font-size: 0.9em;
  }

  .card-republic-of-ghana {
    font-size: 11px;
  }

  .register-form-block-card {
    width: 100%;
  }

  .register-form-block-confirm {
    width: 100%;
  }

  .ghana-card-wrapper {
    border-radius: 10px;
  }

  .site-ghana-card {
    width: 100%;
    border-radius: 5px;
  }

  ._3-column.left {
    padding-right: 0%;
  }

  .site-menu-wrapper {
    width: 100%;
    padding: 16px 10%;
  }

  .bio-update-wrapper {
    padding-top: 32px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .inline-alert {
    padding-right: 16px;
    padding-left: 16px;
  }

  .bio-modal-popup {
    padding: 54px 16px;
  }

  .bio-modal-popup.bio-update {
    position: absolute;
    width: 100%;
  }

  .register-checkbox {
    margin-top: 0px;
    margin-bottom: 8px;
  }

  .register-form-wrapper {
    width: 100%;
  }

  .contact-form-block {
    padding-top: 32px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .contact-details {
    width: 100%;
    padding-top: 16px;
  }

  .site-signup-block {
    width: 100%;
    text-align: center;
  }

  .input-field-block.pin {
    margin-bottom: 24px;
  }

  .pin-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .pin-visibility-block {
    margin-top: 0px;
  }

  .tool-tip-wrapper {
    max-width: none;
  }

  .navbar-modal {
    padding: 54px 16px;
  }

  .hero-button {
    width: 100%;
    text-align: center;
  }

  .diagnosis-list-item {
    padding-right: 16px;
    padding-left: 16px;
  }

  .diagnosis-added-check {
    margin-top: 2px;
  }

  .div-block-6 {
    width: 100%;
    margin-top: 4px;
  }

  .data-title {
    padding-left: 6px;
  }

  .data-title.padding {
    padding-right: 16px;
    padding-left: 16px;
  }

  .data-title.done-prompt {
    padding-right: 16px;
    padding-left: 16px;
  }

  .data-title.add-new {
    padding-left: 16px;
  }

  .column-block-action {
    border-bottom-color: #c4d3e4;
  }

  .column-block-action.facility-name {
    border-bottom-color: #c4d3e4;
  }

  .column-action-label {
    float: left;
  }

  .nav-modal-overlay {
    padding: 54px 16px;
  }

  .site-menu-wrapper-2 {
    width: 100%;
    padding: 16px 10%;
  }

  .site-menu-wrapper-2.first {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .site-menu-icon-wrapper {
    width: 20%;
  }

  .site-menu-item {
    width: 80%;
  }

  .name-grid {
    grid-row-gap: 24px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .two-field-grid {
    grid-row-gap: 24px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .data-section-copy {
    padding: 8px;
  }

  .category-block {
    padding: 24px 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .category-grid {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .cateogory-icon-wrapper {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    float: left;
  }

  .category-data-wrapper {
    width: 100%;
    margin-top: 24px;
    margin-right: 0px;
  }

  .category-grids {
    margin: 4px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .body-patient {
    background-color: #f6f8fb;
  }

  .prescription-month {
    font-size: 16px;
  }

  .prescription-wrapper {
    border-bottom-color: #c4d3e4;
  }

  .prescription-wrapper.facility-name {
    border-bottom-color: #c4d3e4;
  }

  .patient-section-strip {
    margin-top: 24px;
  }

  .card-wrapper {
    max-width: none;
  }
}