/* line 1, /app/app/assets/stylesheets/style.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

/* line 7, /app/app/assets/stylesheets/style.scss */
html, body {
  height: 100%; }

/* line 11, /app/app/assets/stylesheets/style.scss */
small {
  font-size: 80%; }
  /* line 13, /app/app/assets/stylesheets/style.scss */
  small.added_by {
    font-size: 67%;
    width: 100%;
    display: inline-block;
    text-align: right; }

/* line 21, /app/app/assets/stylesheets/style.scss */
strong {
  font-weight: 600; }

/* line 25, /app/app/assets/stylesheets/style.scss */
details h2 {
  display: inline-block; }

/* CONSTANTS
	================================ */
/* HEADER LAYOUT
	================================ */
/* line 40, /app/app/assets/stylesheets/style.scss */
header {
  padding: 1.5rem; }

/* PAGES */
/* line 45, /app/app/assets/stylesheets/style.scss */
.public ul {
  padding-inline-start: 40px; }

/* GRID LAYOUT
	================================ */
/* line 52, /app/app/assets/stylesheets/style.scss */
#desktop-user {
  display: flex;
  height: 100%;
  width: 100vw; }
  /* line 57, /app/app/assets/stylesheets/style.scss */
  #desktop-user .container {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: scroll; }
    /* line 63, /app/app/assets/stylesheets/style.scss */
    #desktop-user .container .container-wrap {
      flex: 1;
      margin-left: 40px;
      overflow: scroll; }

/* line 71, /app/app/assets/stylesheets/style.scss */
#nav-menu {
  background-color: #0C233F;
  border-radius: 20px;
  color: #fff;
  height: 100%;
  min-width: 200px;
  width: 15%;
  z-index: 1; }

/* line 81, /app/app/assets/stylesheets/style.scss */
.nav-menu-inner {
  margin: 20px auto;
  max-width: 180px; }
  /* line 85, /app/app/assets/stylesheets/style.scss */
  .nav-menu-inner .logo {
    display: block;
    text-align: center; }
    /* line 89, /app/app/assets/stylesheets/style.scss */
    .nav-menu-inner .logo img {
      width: 40%; }
  /* line 94, /app/app/assets/stylesheets/style.scss */
  .nav-menu-inner .nav-ul {
    list-style: none;
    margin-bottom: 20px;
    margin-top: 100px;
    padding: 0 20px; }
    /* line 100, /app/app/assets/stylesheets/style.scss */
    .nav-menu-inner .nav-ul .dropdown-container {
      display: none;
      padding-left: 20px; }
      /* line 104, /app/app/assets/stylesheets/style.scss */
      .nav-menu-inner .nav-ul .dropdown-container.active {
        display: block; }
    /* line 109, /app/app/assets/stylesheets/style.scss */
    .nav-menu-inner .nav-ul li {
      cursor: pointer;
      font-size: 12px;
      line-height: 16px;
      margin: 10px 0; }
      /* line 115, /app/app/assets/stylesheets/style.scss */
      .nav-menu-inner .nav-ul li a {
        color: #fff;
        font-size: 12px;
        line-height: 16px; }
    /* line 122, /app/app/assets/stylesheets/style.scss */
    .nav-menu-inner .nav-ul ul {
      list-style: none; }
    /* line 126, /app/app/assets/stylesheets/style.scss */
    .nav-menu-inner .nav-ul i {
      font-size: 28px;
      height: 28px;
      vertical-align: middle;
      width: 40px; }
  /* line 134, /app/app/assets/stylesheets/style.scss */
  .nav-menu-inner .nav-log-out {
    background-color: #8ED0BB;
    border-radius: 50px;
    color: white;
    display: block;
    font-size: 12px;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    width: 80%; }

/* line 147, /app/app/assets/stylesheets/style.scss */
#care-menu {
  background-color: #fff;
  border-left: solid 1px #ccc;
  height: 100%;
  min-width: 250px;
  overflow: scroll;
  padding: 20px;
  width: 20%; }
  /* line 156, /app/app/assets/stylesheets/style.scss */
  #care-menu .care-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 1em; }
    /* line 161, /app/app/assets/stylesheets/style.scss */
    #care-menu .care-grid .user-initials {
      font-size: 1.2em;
      font-weight: 600; }
  /* line 167, /app/app/assets/stylesheets/style.scss */
  #care-menu hr {
    border-bottom: solid 2px #ccc; }

/* line 172, /app/app/assets/stylesheets/style.scss */
#main.container {
  width: 1200px;
  margin: 0 auto;
  position: relative; }
  /* line 177, /app/app/assets/stylesheets/style.scss */
  #main.container > section, #main.container .section {
    background: #fff;
    padding: 20px;
    box-shadow: 1px 0px 7px 1px #ccc; }

/* line 185, /app/app/assets/stylesheets/style.scss */
.row {
  display: flex;
  width: 100%; }
  /* line 189, /app/app/assets/stylesheets/style.scss */
  .row.text {
    display: block; }

/* line 194, /app/app/assets/stylesheets/style.scss */
.col {
  flex: 1;
  padding: 15px; }

/* line 199, /app/app/assets/stylesheets/style.scss */
.float-left {
  float: left; }

/* line 207, /app/app/assets/stylesheets/style.scss */
.dashboard .container {
  width: 100%;
  display: flex; }

/* line 212, /app/app/assets/stylesheets/style.scss */
hr {
  border: 0 none;
  border-bottom: 4px solid #8ED0BB;
  margin-bottom: 25px;
  width: 100%;
  padding: 0; }
  /* line 219, /app/app/assets/stylesheets/style.scss */
  hr.grey {
    border-bottom: 4px solid #ccc;
    margin-top: 25px; }

/* line 226, /app/app/assets/stylesheets/style.scss */
.message-bubble {
  background-color: #e8ffeb;
  border: solid 1px #83c98c;
  border-radius: 5px;
  color: #000;
  margin-bottom: 10px;
  padding: 10px;
  text-align: left;
  width: 80%; }
  /* line 236, /app/app/assets/stylesheets/style.scss */
  .message-bubble.sender {
    background-color: #fdf0e4;
    border-color: #f7c494;
    margin-left: auto; }
  /* line 242, /app/app/assets/stylesheets/style.scss */
  .message-bubble .message-name {
    color: #777;
    font-size: 14px; }

/* line 249, /app/app/assets/stylesheets/style.scss */
.appointment-message-box form {
  display: flex;
  margin-bottom: 10px; }
  /* line 253, /app/app/assets/stylesheets/style.scss */
  .appointment-message-box form textarea {
    border: solid 1px #777;
    border-radius: 5px;
    flex: 4;
    margin: 0;
    padding: 10px; }
  /* line 261, /app/app/assets/stylesheets/style.scss */
  .appointment-message-box form input[type='submit'] {
    flex: 1;
    margin: 0;
    padding: 0; }

/* line 269, /app/app/assets/stylesheets/style.scss */
.table.professional {
  width: 100%; }
  /* line 272, /app/app/assets/stylesheets/style.scss */
  .table.professional th {
    font-weight: 700;
    padding: 10px 0;
    text-align: left; }
  /* line 278, /app/app/assets/stylesheets/style.scss */
  .table.professional td {
    padding: 10px 0; }
  /* line 282, /app/app/assets/stylesheets/style.scss */
  .table.professional tr {
    padding: 0 10px; }
  /* line 286, /app/app/assets/stylesheets/style.scss */
  .table.professional .dot {
    background-color: black;
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    width: 18px; }
    /* line 293, /app/app/assets/stylesheets/style.scss */
    .table.professional .dot.green {
      background-color: green; }
    /* line 297, /app/app/assets/stylesheets/style.scss */
    .table.professional .dot.red {
      background-color: red; }
    /* line 301, /app/app/assets/stylesheets/style.scss */
    .table.professional .dot.yellow {
      background-color: yellow; }

/* TYPOGRAPHY and GENERAL HTML TAG STYLING
	================================ */
/* line 309, /app/app/assets/stylesheets/style.scss */
h1 {
  font-size: 50px;
  line-height: 64px;
  margin-bottom: 20px; }

/* line 315, /app/app/assets/stylesheets/style.scss */
h2 {
  font-size: 40px;
  line-height: 65px; }

/* line 320, /app/app/assets/stylesheets/style.scss */
h3 {
  font-size: 24px;
  font-weight: 900; }

/* line 325, /app/app/assets/stylesheets/style.scss */
p {
  padding-bottom: 10px;
  margin-bottom: 15px; }

/* line 331, /app/app/assets/stylesheets/style.scss */
a {
  color: #0C233F; }

/* FORMS
	================================ */
/* line 339, /app/app/assets/stylesheets/style.scss */
input,
select,
textarea {
  border: 0 none;
  border-bottom: 2px solid #ccc;
  font-family: 'Montserrat', sans-serif;
  padding: 7px;
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
  background-color: inherit; }
  /* line 351, /app/app/assets/stylesheets/style.scss */
  input:focus,
  select:focus,
  textarea:focus {
    border-bottom: 2px solid #8ED0BB; }

/* line 356, /app/app/assets/stylesheets/style.scss */
.modal input {
  margin-bottom: 0; }

/* line 360, /app/app/assets/stylesheets/style.scss */
input.square, textarea.square, select.square {
  border: solid 1.5px #bbb;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 10px; }

/* line 367, /app/app/assets/stylesheets/style.scss */
select.square {
  border: solid 1.5px #bbb;
  border-radius: 8px;
  padding: 10px; }

/* line 373, /app/app/assets/stylesheets/style.scss */
label.square {
  border: solid 1.5px #bbb;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 15px;
  padding: 14px; }

/* line 381, /app/app/assets/stylesheets/style.scss */
input[type="checkbox"] {
  margin-bottom: 0;
  vertical-align: middle;
  width: auto; }

/* line 387, /app/app/assets/stylesheets/style.scss */
input[type='submit'] {
  padding: 10px 75px;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
  background-color: #8ED0BB;
  color: #0C233F;
  border: 0 none; }

/* line 398, /app/app/assets/stylesheets/style.scss */
input[type='submit'].btn-secondary {
  border: 1px solid #0C233F;
  color: #0C233F;
  background-color: transparent; }

/* line 404, /app/app/assets/stylesheets/style.scss */
label {
  font-size: 16px;
  color: #0C233F;
  display: inline-block;
  margin-bottom: 5px; }
  /* line 410, /app/app/assets/stylesheets/style.scss */
  label.required:after {
    content: '*'; }

/* line 415, /app/app/assets/stylesheets/style.scss */
#add-fax {
  text-align: center; }

/* line 419, /app/app/assets/stylesheets/style.scss */
.add-resource-overlay {
  background-color: rgba(0, 0, 0, 0.85);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: 0.3s;
  width: 100%;
  z-index: -1; }
  /* line 430, /app/app/assets/stylesheets/style.scss */
  .add-resource-overlay.active {
    opacity: 1;
    z-index: 2; }
  /* line 435, /app/app/assets/stylesheets/style.scss */
  .add-resource-overlay .add-resource-form {
    background-color: white;
    max-height: 800px;
    left: 50%;
    overflow: scroll;
    padding: 5%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    max-width: 600px; }

/* line 450, /app/app/assets/stylesheets/style.scss */
.form-body input, .form-body select, .form-body textarea {
  margin-bottom: 15px;
  margin-top: 0; }
/* line 455, /app/app/assets/stylesheets/style.scss */
.form-body input[type="checkbox"] {
  margin-bottom: 0; }
/* line 459, /app/app/assets/stylesheets/style.scss */
.form-body .inline-input {
  display: flex; }
  /* line 462, /app/app/assets/stylesheets/style.scss */
  .form-body .inline-input label {
    border-bottom: solid 2px #ccc;
    color: black !important;
    font-size: 100%;
    line-height: normal;
    margin: 0 !important;
    padding: 7px; }
/* line 472, /app/app/assets/stylesheets/style.scss */
.form-body .error {
  color: red;
  margin-top: 0.5em; }
/* line 477, /app/app/assets/stylesheets/style.scss */
.form-body .nested-fields hr {
  margin-top: 10px;
  margin-bottom: 10px; }
/* line 482, /app/app/assets/stylesheets/style.scss */
.form-body .pet {
  display: none; }
/* line 486, /app/app/assets/stylesheets/style.scss */
.form-body .vital-options {
  display: flex;
  justify-content: space-between;
  gap: 10px; }
  /* line 491, /app/app/assets/stylesheets/style.scss */
  .form-body .vital-options input {
    flex: 1; }

/* line 497, /app/app/assets/stylesheets/style.scss */
.scale {
  width: 100%; }

/* line 501, /app/app/assets/stylesheets/style.scss */
.selection .select2-selection.select2-selection--single {
  border: none;
  border-radius: 0; }

/* line 508, /app/app/assets/stylesheets/style.scss */
.select2 {
  width: 100% !important; }

/* line 512, /app/app/assets/stylesheets/style.scss */
.select2-selection__rendered {
  padding: 7px 25px 7px 7px;
  border-bottom: 2px solid #ccc;
  background-color: #f3f2ef;
  line-height: 19px !important;
  width: 100%;
  text-align: center; }

/* line 523, /app/app/assets/stylesheets/style.scss */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  height: 32px !important;
  background-color: #f3f2ef !important;
  background-image: none !important;
  border-left: none !important; }

/* line 534, /app/app/assets/stylesheets/style.scss */
.slider {
  -webkit-appearance: none;
  flex: 1;
  margin: 0 0 10px 0;
  height: 1em;
  background: #d3d3d3;
  border: 0;
  margin-top: 0.5em;
  outline: none;
  padding: 0; }
  /* line 545, /app/app/assets/stylesheets/style.scss */
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 9%;
    height: 1em;
    background: #8ED0BB;
    cursor: pointer; }
  /* line 554, /app/app/assets/stylesheets/style.scss */
  .slider::-moz-range-thumb {
    width: 9%;
    height: 1em;
    background: #8ED0BB;
    cursor: pointer; }
  /* line 561, /app/app/assets/stylesheets/style.scss */
  .slider:focus {
    border-bottom: none; }

/* line 566, /app/app/assets/stylesheets/style.scss */
.pharmacy-form {
  max-width: 200px; }
  /* line 569, /app/app/assets/stylesheets/style.scss */
  .pharmacy-form input[type="checkbox"] {
    height: 13px;
    width: 13px; }

/* line 575, /app/app/assets/stylesheets/style.scss */
.boolean {
  display: inline-block;
  height: auto;
  margin-right: 5px; }

/* line 581, /app/app/assets/stylesheets/style.scss */
.field {
  margin-bottom: 15px; }
  /* line 584, /app/app/assets/stylesheets/style.scss */
  .field.col {
    margin-bottom: 0px;
    padding: 0 15px 15px 15px; }

/* line 590, /app/app/assets/stylesheets/style.scss */
.user-links {
  text-align: center; }

/* line 594, /app/app/assets/stylesheets/style.scss */
.email-overlay {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  height: 100%;
  position: fixed;
  width: 100%; }
  /* line 603, /app/app/assets/stylesheets/style.scss */
  .email-overlay.active {
    display: flex; }
  /* line 607, /app/app/assets/stylesheets/style.scss */
  .email-overlay .email-overlay-wrapper {
    align-items: center;
    background-color: white;
    display: flex;
    flex-direction: column;
    height: 500px;
    justify-content: center;
    width: 50%; }

/* BUTTONS
	================================ */
/* line 621, /app/app/assets/stylesheets/style.scss */
.btn {
  padding: 10px 75px;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
  display: inline-block;
  transition: all 0.3s;
  text-align: center; }
  /* line 631, /app/app/assets/stylesheets/style.scss */
  .btn-primary {
    background-color: #8ED0BB;
    color: #0C233F;
    border: 1px solid #8ED0BB; }
    /* line 635, /app/app/assets/stylesheets/style.scss */
    .btn-primary:hover {
      background-color: #6ac1a5; }
  /* line 641, /app/app/assets/stylesheets/style.scss */
  .btn-secondary {
    border: 1px solid #0C233F;
    color: #0C233F; }
    /* line 644, /app/app/assets/stylesheets/style.scss */
    .btn-secondary.active {
      background-color: #8ED0BB;
      border: 1px solid #8ED0BB; }
    /* line 648, /app/app/assets/stylesheets/style.scss */
    .btn-secondary:hover {
      background-color: #eeeeee; }
  /* line 653, /app/app/assets/stylesheets/style.scss */
  .btn-tertiary {
    background-color: #F79E6B;
    color: #fff;
    border: 1px solid #F79E6B; }
  /* line 659, /app/app/assets/stylesheets/style.scss */
  .btn-grey {
    border: 1px solid #555;
    color: #555;
    margin-bottom: 0px; }
  /* line 665, /app/app/assets/stylesheets/style.scss */
  .btn.add {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    background: #333;
    border-radius: 50%;
    padding: 10px;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    color: #fff;
    font-size: 40px;
    text-align: center;
    justify-content: center; }
    /* line 683, /app/app/assets/stylesheets/style.scss */
    .btn.add:hover {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); }
  /* line 689, /app/app/assets/stylesheets/style.scss */
  .btn.btn-green {
    background-color: #beeac3;
    border-color: #beeac3;
    color: black; }
  /* line 695, /app/app/assets/stylesheets/style.scss */
  .btn.btn-grey {
    background-color: grey;
    border-color: grey;
    color: #fff; }
  /* line 701, /app/app/assets/stylesheets/style.scss */
  .btn.btn-red {
    background-color: #f09797;
    border-color: #f09797;
    color: black; }
  /* line 707, /app/app/assets/stylesheets/style.scss */
  .btn.btn-blue {
    background-color: #66ccfb;
    border-color: #66ccfb;
    color: black; }
  /* line 713, /app/app/assets/stylesheets/style.scss */
  .btn.btn-light-blue {
    background-color: #97fafc;
    border-color: #97fafc;
    color: black; }
  /* line 719, /app/app/assets/stylesheets/style.scss */
  .btn.btn-peach {
    background-color: #f8cb9e;
    border-color: #f8cb9e;
    color: black; }
  /* line 725, /app/app/assets/stylesheets/style.scss */
  .btn.btn-light-peach {
    background-color: #fdf0e4;
    border-color: #fdf0e4;
    color: black; }
  /* line 731, /app/app/assets/stylesheets/style.scss */
  .btn.btn-pink {
    background-color: #f7d0d8;
    border-color: #f7d0d8;
    color: black; }
  /* line 737, /app/app/assets/stylesheets/style.scss */
  .btn.btn-purple {
    background-color: #d5c5eb;
    border-color: #d5c5eb;
    color: black; }
  /* line 743, /app/app/assets/stylesheets/style.scss */
  .btn.btn-grey {
    background-color: #808080;
    color: #fff; }
    /* line 747, /app/app/assets/stylesheets/style.scss */
    .btn.btn-grey:hover {
      background-color: #555; }
  /* line 752, /app/app/assets/stylesheets/style.scss */
  .btn.square {
    border-radius: 8px;
    padding: 10px;
    width: 100%; }
    /* line 757, /app/app/assets/stylesheets/style.scss */
    .btn.square.add-field {
      bottom: 0;
      position: absolute;
      right: 0;
      width: 49%; }

/* line 766, /app/app/assets/stylesheets/style.scss */
.btn-back {
  display: inline-block;
  margin-bottom: 40px;
  margin-top: 20px; }

/* line 774, /app/app/assets/stylesheets/style.scss */
.circular-menu {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 1; }

/* line 781, /app/app/assets/stylesheets/style.scss */
.circular-menu .floating-btn {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #333;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: white;
  text-align: center;
  cursor: pointer;
  outline: 0;
  font-size: 5rem; }

/* line 796, /app/app/assets/stylesheets/style.scss */
.circular-menu.active .floating-btn {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

/* line 800, /app/app/assets/stylesheets/style.scss */
.circular-menu .floating-btn:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }

/* line 804, /app/app/assets/stylesheets/style.scss */
.circular-menu .floating-btn i {
  font-size: 1.3em;
  transition: transform .2s; }

/* line 809, /app/app/assets/stylesheets/style.scss */
.circular-menu.active .floating-btn i {
  transform: rotate(-45deg); }

/* line 813, /app/app/assets/stylesheets/style.scss */
.circular-menu:after {
  display: block;
  content: ' ';
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  z-index: -2;
  transition: all .3s ease; }

/* line 826, /app/app/assets/stylesheets/style.scss */
.circular-menu.active:after {
  transform: scale3d(5.5, 5.5, 1);
  transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1); }

/* line 831, /app/app/assets/stylesheets/style.scss */
.circular-menu .items-wrapper {
  padding: 0;
  margin: 0; }

/* line 836, /app/app/assets/stylesheets/style.scss */
.circular-menu .menu-item {
  position: absolute;
  top: .3em;
  right: .3em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: white;
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  text-align: center;
  line-height: 3;
  background-color: rgba(0, 0, 0, 0.2);
  transition: transform .3s ease, background .2s ease; }

/* line 854, /app/app/assets/stylesheets/style.scss */
.circular-menu .menu-item:hover {
  background-color: rgba(0, 0, 0, 0.4); }

/* line 858, /app/app/assets/stylesheets/style.scss */
.circular-menu.active .menu-item {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

/* line 862, /app/app/assets/stylesheets/style.scss */
.circular-menu.active .menu-item:nth-child(1) {
  transform: translate3d(0em, 7em, 0); }

/* line 866, /app/app/assets/stylesheets/style.scss */
.circular-menu.active .menu-item:nth-child(2) {
  transform: translate3d(-3.25em, 5.55em, 0); }

/* line 870, /app/app/assets/stylesheets/style.scss */
.circular-menu.active .menu-item:nth-child(3) {
  transform: translate3d(-5.75em, 3.25em, 0); }

/* line 874, /app/app/assets/stylesheets/style.scss */
.circular-menu.active .menu-item:nth-child(4) {
  transform: translate3d(-7em, 0em, 0); }

/*CREATING PROFILE
 	================================*/
/* line 884, /app/app/assets/stylesheets/style.scss */
.role {
  border-radius: 6px;
  text-align: center;
  color: #fff;
  transition: all 0.3s ease-in-out; }
  /* line 890, /app/app/assets/stylesheets/style.scss */
  .role.grey {
    background: #777; }
  /* line 894, /app/app/assets/stylesheets/style.scss */
  .role.orange {
    background-color: #fdf0e4;
    color: black; }
  /* line 899, /app/app/assets/stylesheets/style.scss */
  .role.role-secondary {
    background: #0C233F; }
  /* line 903, /app/app/assets/stylesheets/style.scss */
  .role.role-primary {
    background: #F79E6B; }
  /* line 907, /app/app/assets/stylesheets/style.scss */
  .role.active, .role:hover {
    box-shadow: 0 0 1pt 4pt #8ED0BB; }
  /* line 911, /app/app/assets/stylesheets/style.scss */
  .role.invalid {
    box-shadow: 0 0 1pt 4pt #ff5656; }

/* line 916, /app/app/assets/stylesheets/style.scss */
.accept-terms.invalid {
  outline: 1px solid red; }

/* line 920, /app/app/assets/stylesheets/style.scss */
input.invalid {
  background-color: #ffdddd; }

/* line 924, /app/app/assets/stylesheets/style.scss */
.roles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  margin-bottom: 0.5rem; }

/* line 933, /app/app/assets/stylesheets/style.scss */
a.member-role {
  display: flex;
  align-items: center;
  justify-content: space-around;
  justify-self: center;
  width: 90%; }

/* line 949, /app/app/assets/stylesheets/style.scss */
a.member-role img {
  width: 40px; }

/* line 953, /app/app/assets/stylesheets/style.scss */
a.member-role p {
  padding-bottom: 0;
  margin-bottom: 0; }

/* line 958, /app/app/assets/stylesheets/style.scss */
.skip_btn {
  float: right;
  text-decoration: underline; }

/* line 963, /app/app/assets/stylesheets/style.scss */
.back-btn {
  color: grey;
  cursor: pointer; }
  /* line 966, /app/app/assets/stylesheets/style.scss */
  .back-btn:hover {
    color: #4d4d4d; }

/* line 972, /app/app/assets/stylesheets/style.scss */
.updateHCWrap {
  margin-top: 4rem;
  margin-bottom: 2rem; }

/* MEMBERS
	================================== */
/* line 981, /app/app/assets/stylesheets/style.scss */
#has_email {
  width: auto; }

/* line 985, /app/app/assets/stylesheets/style.scss */
#member-result {
  display: block;
  justify-content: space-around; }

/* line 990, /app/app/assets/stylesheets/style.scss */
.member_head {
  float: left; }

/* line 994, /app/app/assets/stylesheets/style.scss */
.member_nav {
  height: 25px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px solid #555; }
  /* line 1000, /app/app/assets/stylesheets/style.scss */
  .member_nav li {
    display: inline-block; }
    /* line 1002, /app/app/assets/stylesheets/style.scss */
    .member_nav li a {
      padding: 2px 15px;
      color: #555; }
      /* line 1005, /app/app/assets/stylesheets/style.scss */
      .member_nav li a:first-child {
        padding-left: 0; }

/* line 1012, /app/app/assets/stylesheets/style.scss */
.request {
  border-bottom: solid 1px;
  padding: 1em; }
  /* line 1016, /app/app/assets/stylesheets/style.scss */
  .request .request-actions {
    display: flex;
    justify-content: space-between; }
    /* line 1020, /app/app/assets/stylesheets/style.scss */
    .request .request-actions .btn {
      width: 49%; }

/* DASHBOARD

	// TRACK
	// PHARMACY
	// THANK YOU FOR SUBMITTINH (POP UP)
	================================ */
/* line 1033, /app/app/assets/stylesheets/style.scss */
.shadow {
  box-shadow: 2px 2px 5px #ccc; }

/* line 1037, /app/app/assets/stylesheets/style.scss */
.dashboard-welcome {
  background-color: #0C233F;
  border-radius: 12px;
  display: flex;
  margin-right: 5px; }
  /* line 1043, /app/app/assets/stylesheets/style.scss */
  .dashboard-welcome .dashboard-text {
    color: #fff;
    margin: auto;
    padding: 30px;
    width: 50%; }
    /* line 1049, /app/app/assets/stylesheets/style.scss */
    .dashboard-welcome .dashboard-text h3 {
      font-weight: 400;
      margin-bottom: 10px; }
      /* line 1053, /app/app/assets/stylesheets/style.scss */
      .dashboard-welcome .dashboard-text h3.patient-name {
        margin-bottom: 0; }
        /* line 1056, /app/app/assets/stylesheets/style.scss */
        .dashboard-welcome .dashboard-text h3.patient-name span {
          color: #8ED0BB;
          font-weight: 700; }
    /* line 1063, /app/app/assets/stylesheets/style.scss */
    .dashboard-welcome .dashboard-text p {
      margin-bottom: 0;
      padding-bottom: 0; }
  /* line 1069, /app/app/assets/stylesheets/style.scss */
  .dashboard-welcome .welcome-spacer {
    position: relative;
    width: 25%; }

/* line 1075, /app/app/assets/stylesheets/style.scss */
.dashboard-reminder {
  background-color: #F79E6B;
  border-radius: 8px;
  color: white;
  margin-top: 5px;
  padding: 20px; }
  /* line 1082, /app/app/assets/stylesheets/style.scss */
  .dashboard-reminder p {
    margin-bottom: 0;
    padding-bottom: 0; }
  /* line 1087, /app/app/assets/stylesheets/style.scss */
  .dashboard-reminder .medication-list {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 10px;
    margin-top: 30px; }
  /* line 1094, /app/app/assets/stylesheets/style.scss */
  .dashboard-reminder .medication-card {
    background-color: white;
    border-radius: 8px;
    color: black;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    height: 80px;
    justify-content: center;
    padding: 20px;
    width: 250px; }

/* line 1108, /app/app/assets/stylesheets/style.scss */
.dashboard-professional {
  display: flex;
  padding-bottom: 10px;
  padding-right: 5px; }
  /* line 1113, /app/app/assets/stylesheets/style.scss */
  .dashboard-professional .dashboard-professional-main {
    flex: 4;
    padding-right: 10px; }
  /* line 1118, /app/app/assets/stylesheets/style.scss */
  .dashboard-professional .dashboard-professional-msg {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 30px; }
    /* line 1124, /app/app/assets/stylesheets/style.scss */
    .dashboard-professional .dashboard-professional-msg h4 {
      font-weight: 700; }
    /* line 1128, /app/app/assets/stylesheets/style.scss */
    .dashboard-professional .dashboard-professional-msg .dashboard-professional-msg-card {
      background-color: white;
      border-radius: 10px;
      flex: 1;
      margin-top: 36px;
      padding: 10px;
      width: 100%; }

/* line 1139, /app/app/assets/stylesheets/style.scss */
.dashboard-section {
  margin-top: 30px; }
  /* line 1142, /app/app/assets/stylesheets/style.scss */
  .dashboard-section.hidden {
    display: none; }
  /* line 1146, /app/app/assets/stylesheets/style.scss */
  .dashboard-section .dashboard-section-header {
    align-items: center;
    display: flex;
    margin-bottom: 20px; }
    /* line 1151, /app/app/assets/stylesheets/style.scss */
    .dashboard-section .dashboard-section-header h4 {
      margin-bottom: 0; }
    /* line 1155, /app/app/assets/stylesheets/style.scss */
    .dashboard-section .dashboard-section-header .dashboard-section-btn {
      background-color: #0C233F;
      border-radius: 50px;
      color: white;
      margin-left: 30px;
      padding: 8px 15px; }
  /* line 1164, /app/app/assets/stylesheets/style.scss */
  .dashboard-section h4 {
    font-weight: 700;
    margin-bottom: 20px; }

/* line 1170, /app/app/assets/stylesheets/style.scss */
.health-log .slick-list {
  padding: 0 20% 0 0; }
  /* line 1173, /app/app/assets/stylesheets/style.scss */
  .health-log .slick-list .slick-track {
    margin-left: 0; }
  /* line 1177, /app/app/assets/stylesheets/style.scss */
  .health-log .slick-list .slick-slide {
    margin: 0;
    padding-left: 0;
    padding-right: 20px; }

/* line 1184, /app/app/assets/stylesheets/style.scss */
.health-log-btn {
  cursor: pointer;
  margin-left: 10px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

/* line 1193, /app/app/assets/stylesheets/style.scss */
.health-log-card {
  background-color: #fff;
  border-radius: 8px;
  font-size: 10px;
  margin-bottom: 10px;
  padding: 20px 10px; }
  /* line 1200, /app/app/assets/stylesheets/style.scss */
  .health-log-card p {
    margin-bottom: 0;
    padding-bottom: 0; }
  /* line 1205, /app/app/assets/stylesheets/style.scss */
  .health-log-card .health-log-header {
    align-items: center;
    display: flex;
    margin-bottom: 10px; }
  /* line 1211, /app/app/assets/stylesheets/style.scss */
  .health-log-card .health-log-tracker {
    display: flex;
    justify-content: space-evenly; }
    /* line 1215, /app/app/assets/stylesheets/style.scss */
    .health-log-card .health-log-tracker .health-log-track {
      display: flex;
      flex-direction: column;
      align-items: center; }
    /* line 1221, /app/app/assets/stylesheets/style.scss */
    .health-log-card .health-log-tracker .health-log-square {
      align-items: center;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      height: 70px;
      margin-bottom: 5px;
      position: relative;
      text-align: center;
      width: 70px; }
      /* line 1232, /app/app/assets/stylesheets/style.scss */
      .health-log-card .health-log-tracker .health-log-square.peach {
        background-color: #f8cca0; }
      /* line 1236, /app/app/assets/stylesheets/style.scss */
      .health-log-card .health-log-tracker .health-log-square.light-blue {
        background-color: #69e4f0; }
      /* line 1240, /app/app/assets/stylesheets/style.scss */
      .health-log-card .health-log-tracker .health-log-square.pink {
        background-color: #dc908b; }
      /* line 1244, /app/app/assets/stylesheets/style.scss */
      .health-log-card .health-log-tracker .health-log-square.blue {
        background-color: #68cbf9; }
      /* line 1248, /app/app/assets/stylesheets/style.scss */
      .health-log-card .health-log-tracker .health-log-square.purple {
        background-color: #b46ec6; }
      /* line 1252, /app/app/assets/stylesheets/style.scss */
      .health-log-card .health-log-tracker .health-log-square .health-log-count {
        background-color: #0C233F;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: -5px;
        text-align: center;
        top: -5px;
        width: 16px; }
      /* line 1266, /app/app/assets/stylesheets/style.scss */
      .health-log-card .health-log-tracker .health-log-square img {
        width: 70%; }
    /* line 1271, /app/app/assets/stylesheets/style.scss */
    .health-log-card .health-log-tracker p {
      font-size: 9px;
      font-weight: 700; }

/* line 1278, /app/app/assets/stylesheets/style.scss */
.dashboard-calendar {
  margin-bottom: 10px; }

/* line 1284, /app/app/assets/stylesheets/style.scss */
#dashboard-calendar-weekly .slick-list .slick-slide {
  padding-left: 0; }

/* line 1292, /app/app/assets/stylesheets/style.scss */
.dashboard-calendar-day h4 {
  color: grey;
  margin-bottom: 5px; }
/* line 1297, /app/app/assets/stylesheets/style.scss */
.dashboard-calendar-day .dashboard-calendar-card {
  background-color: white;
  border-radius: 8px;
  height: 350px;
  overflow: scroll;
  padding: 0 8px; }
/* line 1305, /app/app/assets/stylesheets/style.scss */
.dashboard-calendar-day .dashboard-appointment-card {
  width: 100%; }

/* line 1310, /app/app/assets/stylesheets/style.scss */
.dashboard-calendar-header {
  align-items: center;
  display: flex;
  margin-bottom: 10px; }
  /* line 1315, /app/app/assets/stylesheets/style.scss */
  .dashboard-calendar-header > * {
    flex: 1; }
  /* line 1319, /app/app/assets/stylesheets/style.scss */
  .dashboard-calendar-header h4 {
    margin-bottom: 0; }
    /* line 1322, /app/app/assets/stylesheets/style.scss */
    .dashboard-calendar-header h4 span {
      cursor: pointer; }
  /* line 1327, /app/app/assets/stylesheets/style.scss */
  .dashboard-calendar-header .dashboard-calendar-month {
    align-items: center;
    background-color: #0C233F;
    border-radius: 50px;
    color: white;
    display: flex;
    justify-content: space-between;
    padding: 8px; }
    /* line 1336, /app/app/assets/stylesheets/style.scss */
    .dashboard-calendar-header .dashboard-calendar-month a {
      color: white; }
  /* line 1342, /app/app/assets/stylesheets/style.scss */
  .dashboard-calendar-header .dashboard-calendar-month-professional {
    align-items: center;
    display: flex;
    justify-content: space-between; }
    /* line 1347, /app/app/assets/stylesheets/style.scss */
    .dashboard-calendar-header .dashboard-calendar-month-professional .dashboard-calendar-date {
      text-align: center; }
      /* line 1350, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-header .dashboard-calendar-month-professional .dashboard-calendar-date h5 {
        font-weight: 700; }
    /* line 1355, /app/app/assets/stylesheets/style.scss */
    .dashboard-calendar-header .dashboard-calendar-month-professional a {
      background-color: #0C233F;
      border-radius: 50px;
      color: white; }
      /* line 1360, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-header .dashboard-calendar-month-professional a.left {
        padding: 8px 15px 8px 10px; }
      /* line 1364, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-header .dashboard-calendar-month-professional a.right {
        padding: 8px 10px 8px 15px; }

/* line 1371, /app/app/assets/stylesheets/style.scss */
.dashboard-calendar-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 20px; }
  /* line 1376, /app/app/assets/stylesheets/style.scss */
  .dashboard-calendar-wrapper .dashboard-calendar-half {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    width: 49%; }
  /* line 1383, /app/app/assets/stylesheets/style.scss */
  .dashboard-calendar-wrapper .simple-calendar {
    text-align: center; }
    /* line 1386, /app/app/assets/stylesheets/style.scss */
    .dashboard-calendar-wrapper .simple-calendar a {
      color: #333; }
      /* line 1389, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-wrapper .simple-calendar a:focus {
        outline: none; }
    /* line 1394, /app/app/assets/stylesheets/style.scss */
    .dashboard-calendar-wrapper .simple-calendar .appt-dot {
      width: 1em;
      height: 1em;
      border-radius: 50%;
      margin: auto;
      background-color: black;
      display: block;
      position: absolute;
      bottom: 5px;
      transform: translateX(-50%);
      left: 50%; }
    /* line 1407, /app/app/assets/stylesheets/style.scss */
    .dashboard-calendar-wrapper .simple-calendar .table {
      margin-top: 1rem;
      border: none; }
      /* line 1411, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-wrapper .simple-calendar .table * {
        border: none; }
      /* line 1415, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-wrapper .simple-calendar .table .prev-month,
      .dashboard-calendar-wrapper .simple-calendar .table .next-month {
        background-color: white; }
        /* line 1419, /app/app/assets/stylesheets/style.scss */
        .dashboard-calendar-wrapper .simple-calendar .table .prev-month a,
        .dashboard-calendar-wrapper .simple-calendar .table .next-month a {
          display: none; }
      /* line 1424, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-wrapper .simple-calendar .table .active {
        background-color: #beeac3 !important; }
      /* line 1428, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-wrapper .simple-calendar .table .today {
        background-color: #8ED0BB; }
      /* line 1432, /app/app/assets/stylesheets/style.scss */
      .dashboard-calendar-wrapper .simple-calendar .table .day {
        height: 65px;
        position: relative; }

/* line 1440, /app/app/assets/stylesheets/style.scss */
.dashboard-appointment-card {
  align-items: center;
  background-color: #8ED0BB;
  border-radius: 8px;
  color: white;
  display: flex;
  margin: 10px 0;
  padding: 4px;
  width: 60%; }
  /* line 1450, /app/app/assets/stylesheets/style.scss */
  .dashboard-appointment-card .avatar.small {
    height: 40px;
    width: 40px; }
    /* line 1454, /app/app/assets/stylesheets/style.scss */
    .dashboard-appointment-card .avatar.small .user-initials {
      font-size: 16px; }
  /* line 1459, /app/app/assets/stylesheets/style.scss */
  .dashboard-appointment-card .appointment-name {
    flex: 3; }
    /* line 1462, /app/app/assets/stylesheets/style.scss */
    .dashboard-appointment-card .appointment-name h5 {
      margin-bottom: 5px; }
  /* line 1467, /app/app/assets/stylesheets/style.scss */
  .dashboard-appointment-card .appointment-details {
    flex: 1;
    margin-left: 10px;
    text-align: center; }
    /* line 1472, /app/app/assets/stylesheets/style.scss */
    .dashboard-appointment-card .appointment-details span {
      color: #f47e3b;
      margin-bottom: 5px; }
  /* line 1478, /app/app/assets/stylesheets/style.scss */
  .dashboard-appointment-card h5 {
    font-size: 14px; }
  /* line 1482, /app/app/assets/stylesheets/style.scss */
  .dashboard-appointment-card span {
    display: block;
    font-size: 12px; }

/* line 1488, /app/app/assets/stylesheets/style.scss */
.dashboard-patients-card {
  background-color: white;
  border-radius: 8px;
  padding: 16px; }
  /* line 1493, /app/app/assets/stylesheets/style.scss */
  .dashboard-patients-card table {
    text-align: center;
    width: 100%; }
  /* line 1498, /app/app/assets/stylesheets/style.scss */
  .dashboard-patients-card .patient-actions {
    background-color: #F79E6B;
    border-radius: 50px;
    color: white;
    padding: 5px 20px; }

/* line 1506, /app/app/assets/stylesheets/style.scss */
.dashboard #main.container {
  display: block;
  flex: 0 1 auto;
  width: 60%;
  padding: 40px;
  background: #F3F2EF;
  min-height: 900px; }

/* line 1515, /app/app/assets/stylesheets/style.scss */
.patient-profile {
  display: flex;
  margin-top: 15px;
  width: 100%; }
  /* line 1520, /app/app/assets/stylesheets/style.scss */
  .patient-profile .card {
    background-color: white;
    border-radius: 10px;
    padding: 10px; }
  /* line 1526, /app/app/assets/stylesheets/style.scss */
  .patient-profile .patient-info {
    flex: 1;
    margin-right: 15px;
    padding: 20px; }
    /* line 1531, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-info * {
      font-size: 12px;
      font-weight: 700; }
    /* line 1536, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-info h4 {
      font-size: 20px; }
    /* line 1540, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-info table {
      border-collapse: separate;
      border-spacing: 0 5px; }
      /* line 1545, /app/app/assets/stylesheets/style.scss */
      .patient-profile .patient-info table tr td:first-child {
        width: 75%; }
      /* line 1549, /app/app/assets/stylesheets/style.scss */
      .patient-profile .patient-info table tr td:last-child {
        width: 25%; }
    /* line 1555, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-info .patient-label {
      color: #aaa; }
    /* line 1559, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-info .patient-info-section {
      margin-bottom: 20px; }
    /* line 1563, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-info .avatar {
      margin-bottom: 20px; }
  /* line 1568, /app/app/assets/stylesheets/style.scss */
  .patient-profile .patient-records {
    display: flex;
    flex: 3;
    flex-direction: column;
    height: 100%; }
    /* line 1574, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-records .section-header {
      font-weight: 700;
      margin: 15px 0; }
    /* line 1579, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-records .patient-resources {
      height: 400px; }
    /* line 1583, /app/app/assets/stylesheets/style.scss */
    .patient-profile .patient-records .patient-appointments {
      height: 350px;
      overflow: scroll; }

/* line 1590, /app/app/assets/stylesheets/style.scss */
#patient-resource-tabs {
  border: none;
  height: 100%; }
  /* line 1594, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs > .ui-tabs-panel {
    height: calc(100% - 40px);
    overflow: scroll; }
  /* line 1599, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs .dashboard-medicine {
    background-color: #536c8f; }
    /* line 1602, /app/app/assets/stylesheets/style.scss */
    #patient-resource-tabs .dashboard-medicine a, #patient-resource-tabs .dashboard-medicine p {
      color: white; }
    /* line 1606, /app/app/assets/stylesheets/style.scss */
    #patient-resource-tabs .dashboard-medicine p {
      font-size: 12px;
      margin: 5px 0; }
      /* line 1610, /app/app/assets/stylesheets/style.scss */
      #patient-resource-tabs .dashboard-medicine p.dashboard-medicine-name {
        font-size: 16px; }
    /* line 1615, /app/app/assets/stylesheets/style.scss */
    #patient-resource-tabs .dashboard-medicine .mood-line {
      border-color: white; }
  /* line 1620, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs .patient-new-container {
    text-align: center; }
    /* line 1623, /app/app/assets/stylesheets/style.scss */
    #patient-resource-tabs .patient-new-container .patient-new-resource {
      color: #aaa;
      display: inline-block;
      font-size: 12px;
      font-weight: 700;
      margin: auto;
      text-align: center; }
      /* line 1631, /app/app/assets/stylesheets/style.scss */
      #patient-resource-tabs .patient-new-container .patient-new-resource .patient-plus {
        border: solid 2px #aaa;
        border-radius: 3px;
        display: inline-block;
        font-size: 20px;
        font-weight: 400;
        height: 24px;
        margin-bottom: 5px;
        width: 24px; }

/* line 1646, /app/app/assets/stylesheets/style.scss */
#patient-resource-tabs > ul.ui-tabs-nav.ui-widget-header {
  background: transparent;
  display: flex;
  justify-content: space-between; }
  /* line 1651, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs > ul.ui-tabs-nav.ui-widget-header:before, #patient-resource-tabs > ul.ui-tabs-nav.ui-widget-header:after {
    display: none; }
/* line 1656, /app/app/assets/stylesheets/style.scss */
#patient-resource-tabs > ul.ui-tabs-nav li {
  background: transparent;
  border-color: #0C233F;
  border-bottom-width: 1px;
  border-radius: 50px;
  flex: 1;
  margin: 0 5px;
  padding: 0;
  text-align: center; }
  /* line 1666, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs > ul.ui-tabs-nav li.ui-state-active {
    background: #0C233F; }
  /* line 1670, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs > ul.ui-tabs-nav li.ui-state-default {
    color: #0C233F !important; }
  /* line 1674, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs > ul.ui-tabs-nav li.ui-state-active.ui-state-hover {
    background-color: #0C233F !important; }
  /* line 1678, /app/app/assets/stylesheets/style.scss */
  #patient-resource-tabs > ul.ui-tabs-nav li .ui-tabs-anchor {
    display: block;
    float: none;
    text-align: center; }

/* line 1687, /app/app/assets/stylesheets/style.scss */
.patient-appointment {
  align-items: center;
  display: flex;
  padding: 0.5em 1em; }
  /* line 1692, /app/app/assets/stylesheets/style.scss */
  .patient-appointment .patient-appointment-card {
    background-color: #82bfa8;
    border-radius: 8px;
    color: white;
    display: flex;
    flex: 3;
    margin: 1em 0;
    padding: 1em; }
    /* line 1701, /app/app/assets/stylesheets/style.scss */
    .patient-appointment .patient-appointment-card h3 {
      font-size: 16px;
      font-weight: 400;
      margin: 5px 0; }
    /* line 1707, /app/app/assets/stylesheets/style.scss */
    .patient-appointment .patient-appointment-card p {
      font-size: 12px;
      margin: 5px 0;
      padding-bottom: 0; }
    /* line 1713, /app/app/assets/stylesheets/style.scss */
    .patient-appointment .patient-appointment-card .patient-appointment-left {
      flex: 3; }
    /* line 1717, /app/app/assets/stylesheets/style.scss */
    .patient-appointment .patient-appointment-card .patient-appointment-right {
      flex: 1;
      text-align: center; }
    /* line 1722, /app/app/assets/stylesheets/style.scss */
    .patient-appointment .patient-appointment-card .patient-appointment-status {
      background-color: #0C233F;
      border-radius: 50px;
      display: block;
      font-size: 10px;
      margin-top: 10px;
      padding: 3px; }
  /* line 1732, /app/app/assets/stylesheets/style.scss */
  .patient-appointment .patient-appointment-actions {
    flex: 1;
    padding: 20px; }
    /* line 1736, /app/app/assets/stylesheets/style.scss */
    .patient-appointment .patient-appointment-actions a {
      border-radius: 20px;
      color: white;
      display: block;
      font-size: 10px;
      margin: 5px 0;
      padding: 5px;
      text-align: center; }
      /* line 1745, /app/app/assets/stylesheets/style.scss */
      .patient-appointment .patient-appointment-actions a.green {
        background-color: #8ED0BB; }
      /* line 1749, /app/app/assets/stylesheets/style.scss */
      .patient-appointment .patient-appointment-actions a.blue {
        background-color: #0C233F; }
      /* line 1753, /app/app/assets/stylesheets/style.scss */
      .patient-appointment .patient-appointment-actions a.orange {
        background-color: #F79E6B; }

/* line 1760, /app/app/assets/stylesheets/style.scss */
.masonryWrap {
  column-count: 2; }
  /* line 1764, /app/app/assets/stylesheets/style.scss */
  .masonryWrap.one-column {
    column-count: 1; }
  /* line 1768, /app/app/assets/stylesheets/style.scss */
  .masonryWrap .masonryItem {
    margin-bottom: 0rem;
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari */
    page-break-inside: avoid;
    /* Theoretically FF 20+ */
    break-inside: avoid-column;
    /* IE 11 */ }
    /* line 1782, /app/app/assets/stylesheets/style.scss */
    .masonryWrap .masonryItem .tile {
      border-radius: 6px 6px 0 0;
      box-shadow: 5px 5px 15px rgba(192, 192, 192, 0.42);
      position: relative; }
      /* line 1787, /app/app/assets/stylesheets/style.scss */
      .masonryWrap .masonryItem .tile .plus {
        background-color: #fff;
        border-radius: 100%;
        color: #8ED0BB;
        line-height: 32px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 6px;
        width: 32px; }
      /* line 1799, /app/app/assets/stylesheets/style.scss */
      .masonryWrap .masonryItem .tile .body {
        padding: 20px 10px 10px 10px;
        background: #fff; }
        /* line 1803, /app/app/assets/stylesheets/style.scss */
        .masonryWrap .masonryItem .tile .body p {
          padding: 0;
          margin: 0; }
      /* line 1809, /app/app/assets/stylesheets/style.scss */
      .masonryWrap .masonryItem .tile .body.myCareProfileBody {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem; }
        /* line 1814, /app/app/assets/stylesheets/style.scss */
        .masonryWrap .masonryItem .tile .body.myCareProfileBody .btn {
          border: none;
          padding: 1rem;
          display: block; }
      /* line 1823, /app/app/assets/stylesheets/style.scss */
      .masonryWrap .masonryItem .tile .body.calendar .simple-calendar {
        width: 100%;
        text-align: center; }
        /* line 1827, /app/app/assets/stylesheets/style.scss */
        .masonryWrap .masonryItem .tile .body.calendar .simple-calendar a {
          color: #333; }
        /* line 1831, /app/app/assets/stylesheets/style.scss */
        .masonryWrap .masonryItem .tile .body.calendar .simple-calendar .appt-dot {
          width: 1em;
          height: 1em;
          border-radius: 50%;
          margin: auto;
          background-color: black;
          display: block;
          position: absolute;
          bottom: 5px;
          transform: translateX(-50%);
          left: 50%; }
        /* line 1844, /app/app/assets/stylesheets/style.scss */
        .masonryWrap .masonryItem .tile .body.calendar .simple-calendar .table {
          margin-top: 1rem;
          border: none; }
          /* line 1848, /app/app/assets/stylesheets/style.scss */
          .masonryWrap .masonryItem .tile .body.calendar .simple-calendar .table * {
            border: none; }
          /* line 1852, /app/app/assets/stylesheets/style.scss */
          .masonryWrap .masonryItem .tile .body.calendar .simple-calendar .table .prev-month,
          .masonryWrap .masonryItem .tile .body.calendar .simple-calendar .table .next-month {
            color: white;
            background-color: white; }
          /* line 1858, /app/app/assets/stylesheets/style.scss */
          .masonryWrap .masonryItem .tile .body.calendar .simple-calendar .table .today {
            background-color: #8ED0BB; }
          /* line 1862, /app/app/assets/stylesheets/style.scss */
          .masonryWrap .masonryItem .tile .body.calendar .simple-calendar .table .day {
            height: 65px;
            position: relative; }
      /* line 1872, /app/app/assets/stylesheets/style.scss */
      .masonryWrap .masonryItem .tile h4 {
        border-radius: 6px 6px 0 0;
        background: #8ED0BB;
        color: #fff;
        padding: 15px; }
    /* line 1882, /app/app/assets/stylesheets/style.scss */
    .masonryWrap .masonryItem.professional .body {
      height: 500px; }

/* line 1891, /app/app/assets/stylesheets/style.scss */
.simple-calendar .day.current-month:not(.today) {
  background-color: #fff; }

/* line 1897, /app/app/assets/stylesheets/style.scss */
form#edit_user input {
  margin-top: 0.5rem;
  margin-bottom: 1rem; }

/* line 1905, /app/app/assets/stylesheets/style.scss */
.row.edit_user_wrap .gender {
  flex: initial; }
  /* line 1911, /app/app/assets/stylesheets/style.scss */
  .row.edit_user_wrap .gender .user_gender .select2-container {
    width: 150px !important; }

/* line 1921, /app/app/assets/stylesheets/style.scss */
h3.healthCardTitle {
  margin-bottom: 1rem; }

/* line 1925, /app/app/assets/stylesheets/style.scss */
input#user_healthcard_attributes_photo {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem; }

/* line 1940, /app/app/assets/stylesheets/style.scss */
#new_user_medicine div.members,
#new_exam div.members,
#new_appointment div.members,
#new_user_condition div.members,
#new_user_reportable div.members {
  margin-top: 1rem;
  margin-bottom: 1rem; }
/* line 1946, /app/app/assets/stylesheets/style.scss */
#new_user_medicine h4,
#new_exam h4,
#new_appointment h4,
#new_user_condition h4,
#new_user_reportable h4 {
  margin-bottom: 1rem;
  margin-top: 2rem; }
/* line 1957, /app/app/assets/stylesheets/style.scss */
#new_user_medicine .select2-selection__rendered,
#new_exam .select2-selection__rendered,
#new_appointment .select2-selection__rendered,
#new_user_condition .select2-selection__rendered,
#new_user_reportable .select2-selection__rendered {
  min-height: 36px; }
/* line 1961, /app/app/assets/stylesheets/style.scss */
#new_user_medicine input[type=checkbox],
#new_exam input[type=checkbox],
#new_appointment input[type=checkbox],
#new_user_condition input[type=checkbox],
#new_user_reportable input[type=checkbox] {
  margin-right: 10px; }
/* line 1965, /app/app/assets/stylesheets/style.scss */
#new_user_medicine input[type=submit],
#new_exam input[type=submit],
#new_appointment input[type=submit],
#new_user_condition input[type=submit],
#new_user_reportable input[type=submit] {
  margin: 1em 0; }
/* line 1969, /app/app/assets/stylesheets/style.scss */
#new_user_medicine a.btn,
#new_exam a.btn,
#new_appointment a.btn,
#new_user_condition a.btn,
#new_user_reportable a.btn {
  margin-top: 1rem;
  margin-bottom: 1rem; }
/* line 1975, /app/app/assets/stylesheets/style.scss */
#new_user_medicine .col,
#new_exam .col,
#new_appointment .col,
#new_user_condition .col,
#new_user_reportable .col {
  margin-left: 0;
  margin-right: 10px; }

/* line 1983, /app/app/assets/stylesheets/style.scss */
#new_appointment .selectWrap .select2 {
  display: block;
  width: 100% !important; }
/* line 1988, /app/app/assets/stylesheets/style.scss */
#new_appointment .timeWrap {
  display: flex; }
  /* line 1991, /app/app/assets/stylesheets/style.scss */
  #new_appointment .timeWrap p {
    width: 50%; }

/* line 1999, /app/app/assets/stylesheets/style.scss */
#new_professional .add-email {
  margin-bottom: 1rem; }

/* line 2005, /app/app/assets/stylesheets/style.scss */
#navigation {
  flex: 0 1 auto;
  width: 15%;
  background: #0C233F;
  padding: 30px; }
  /* line 2011, /app/app/assets/stylesheets/style.scss */
  #navigation a {
    color: #fff;
    text-decoration: none; }
  /* line 2016, /app/app/assets/stylesheets/style.scss */
  #navigation ul {
    margin-top: 40px; }
    /* line 2019, /app/app/assets/stylesheets/style.scss */
    #navigation ul li {
      padding: 0.5rem 0 0.5rem 20%;
      margin-bottom: 0.5rem;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 20px; }
      /* line 2027, /app/app/assets/stylesheets/style.scss */
      #navigation ul li:hover a {
        color: #ccc; }
    /* line 2033, /app/app/assets/stylesheets/style.scss */
    #navigation ul .menu {
      background-image: url(menu.png); }
    /* line 2038, /app/app/assets/stylesheets/style.scss */
    #navigation ul .home {
      background-image: url(home.png); }
    /* line 2042, /app/app/assets/stylesheets/style.scss */
    #navigation ul .share {
      background-image: url(share.png); }
    /* line 2046, /app/app/assets/stylesheets/style.scss */
    #navigation ul .settings {
      background-image: url(settings.png); }
  /* line 2051, /app/app/assets/stylesheets/style.scss */
  #navigation .logo {
    width: 100%; }

/* line 2056, /app/app/assets/stylesheets/style.scss */
#sidebar {
  flex: 0 1 auto;
  width: 25%;
  padding: 20px 20px;
  background: #fff;
  z-index: 0; }
  /* line 2063, /app/app/assets/stylesheets/style.scss */
  #sidebar a {
    text-align: center; }
  /* line 2067, /app/app/assets/stylesheets/style.scss */
  #sidebar .avatar.add a {
    padding-top: 0; }
  /* line 2072, /app/app/assets/stylesheets/style.scss */
  #sidebar .btn {
    width: 100%; }

/* line 2078, /app/app/assets/stylesheets/style.scss */
.members {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 33% 33% 33%;
  justify-content: space-evenly; }

/* line 2085, /app/app/assets/stylesheets/style.scss */
.avatar {
  display: inline-block;
  flex: 0 1 auto;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  border-radius: 100%; }
  /* line 2095, /app/app/assets/stylesheets/style.scss */
  .avatar.large {
    background-color: #66ccfb;
    height: 4em;
    width: 4em;
    display: flex;
    font-size: 4em;
    font-weight: 600;
    margin: auto; }
  /* line 2105, /app/app/assets/stylesheets/style.scss */
  .avatar.medium {
    color: white;
    display: flex;
    height: 6em;
    width: 6em; }
  /* line 2112, /app/app/assets/stylesheets/style.scss */
  .avatar.small {
    color: white;
    display: flex;
    height: 4em;
    width: 4em; }
    /* line 2118, /app/app/assets/stylesheets/style.scss */
    .avatar.small.thumb {
      font-size: 0.7em; }
    /* line 2122, /app/app/assets/stylesheets/style.scss */
    .avatar.small .user-initials {
      color: black;
      font-size: 1.5em;
      font-weight: 600; }
  /* line 2129, /app/app/assets/stylesheets/style.scss */
  .avatar.faded {
    border: dashed 2px black;
    opacity: 0.3; }
  /* line 2134, /app/app/assets/stylesheets/style.scss */
  .avatar.smaller {
    display: flex;
    height: 3em;
    width: 3em; }
  /* line 2140, /app/app/assets/stylesheets/style.scss */
  .avatar a {
    text-decoration: none;
    display: inline-block;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-top: 26px; }
  /* line 2151, /app/app/assets/stylesheets/style.scss */
  .avatar.add {
    background-color: #eee; }
    /* line 2154, /app/app/assets/stylesheets/style.scss */
    .avatar.add a {
      padding-top: 0;
      color: #8CD0BC; }

/* line 2162, /app/app/assets/stylesheets/style.scss */
.user-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center; }
  /* line 2170, /app/app/assets/stylesheets/style.scss */
  .user-icon span {
    font-size: 12px; }

/* line 2175, /app/app/assets/stylesheets/style.scss */
.toggle-content {
  transition: all ease-in-out 0.6s;
  display: none; }
  /* line 2179, /app/app/assets/stylesheets/style.scss */
  .toggle-content.toggle-active {
    display: block !important; }

/* line 2184, /app/app/assets/stylesheets/style.scss */
.simple_form .members .avatar {
  opacity: 0.33;
  transition: all 0.5s ease-in-out;
  outline: none; }
  /* line 2189, /app/app/assets/stylesheets/style.scss */
  .simple_form .members .avatar.active {
    opacity: 1; }

/* line 2197, /app/app/assets/stylesheets/style.scss */
.timeline-container {
  margin: auto;
  overflow: scroll;
  padding: 1em 0;
  width: 100%; }
  /* line 2203, /app/app/assets/stylesheets/style.scss */
  .timeline-container .timeline-date {
    display: flex; }
    /* line 2206, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-date p {
      flex: 1;
      padding-right: 2em;
      padding-top: 0.5em;
      position: relative;
      text-align: right;
      white-space: pre-line; }
      /* line 2214, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-date p::before {
        content: '';
        background-color: black;
        border-radius: 1.2em;
        display: inline-block;
        height: 1.2em;
        position: absolute;
        right: -0.7em;
        width: 1.2em; }
  /* line 2227, /app/app/assets/stylesheets/style.scss */
  .timeline-container .timeline-events {
    border-left: solid 0.2em black;
    padding-top: 0.5em;
    padding-left: 2em;
    flex: 3; }
    /* line 2233, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-events .event-info {
      padding-bottom: 0.5em;
      padding-left: 1em; }
    /* line 2238, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-events h3 {
      font-size: 1.2em;
      font-weight: normal;
      padding-bottom: 0.2em; }
    /* line 2244, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-events span {
      display: block; }
    /* line 2248, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-events ul {
      padding-bottom: 0.5em; }
      /* line 2251, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-events ul li {
        list-style: disc;
        list-style-position: inside;
        margin-left: 1em; }
  /* line 2259, /app/app/assets/stylesheets/style.scss */
  .timeline-container img {
    margin: 1em 0;
    width: 100%; }

/* line 2265, /app/app/assets/stylesheets/style.scss */
.timeline-body {
  display: flex;
  flex-direction: column; }
  /* line 2269, /app/app/assets/stylesheets/style.scss */
  .timeline-body .row {
    justify-content: space-between; }
    /* line 2272, /app/app/assets/stylesheets/style.scss */
    .timeline-body .row .btn {
      height: 7em;
      text-align: center;
      width: 45%; }

/* line 2280, /app/app/assets/stylesheets/style.scss */
.timeline-title {
  font-size: 2em;
  margin: 1em 0; }

/* LEFT IMAGE
	================================ */
/* line 2288, /app/app/assets/stylesheets/style.scss */
#page .loginMainImg,
#loginPage .loginMainImg {
  margin-top: 6rem; }

/* line 2293, /app/app/assets/stylesheets/style.scss */
#page .rightSide,
#loginPage .rightSide {
  display: flex;
  flex-flow: column;
  justify-content: flex-start; }

/* line 2300, /app/app/assets/stylesheets/style.scss */
#page .btmOfLogin a,
#loginPage .btmOfLogin a {
  color: #222;
  font-size: 12px; }

/* line 2310, /app/app/assets/stylesheets/style.scss */
#page .btmOfLogin a:hover,
#loginPage .btmOfLogin a:hover {
  text-decoration: underline; }

/* LOGIN PAGE
	================================ */
/* line 2318, /app/app/assets/stylesheets/style.scss */
#loginPage {
  min-height: 100vh;
  display: flex;
  flex-flow: column; }

/* line 2330, /app/app/assets/stylesheets/style.scss */
#loginPage form {
  margin-top: 3rem; }

/* line 2334, /app/app/assets/stylesheets/style.scss */
#loginPage .actions {
  margin-top: 2rem; }

/* line 2338, /app/app/assets/stylesheets/style.scss */
#loginPage .btmOfLogin {
  margin-bottom: 0;
  padding-bottom: 5px; }

/* line 2347, /app/app/assets/stylesheets/style.scss */
#loginPage .field #user_remember_me {
  width: 30px; }

/* line 2354, /app/app/assets/stylesheets/style.scss */
#loginPage .roleWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 2rem; }

/* line 2363, /app/app/assets/stylesheets/style.scss */
#loginPage .roleWrap img {
  margin-bottom: 0.6rem; }

/* line 2367, /app/app/assets/stylesheets/style.scss */
#loginPage .signup-steps.step-1 .roleWrap .role {
  outline: none;
  padding: 1rem; }

/* line 2375, /app/app/assets/stylesheets/style.scss */
#loginPage .rightSide hr.newUserFormLine {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-bottom: 7px solid #8ED0BB; }

/* line 2382, /app/app/assets/stylesheets/style.scss */
#page #onboard-1 .avatar {
  margin-bottom: 2rem; }

/* line 2389, /app/app/assets/stylesheets/style.scss */
#page {
  min-height: 100vh;
  display: flex;
  flex-flow: column; }

/* line 2400, /app/app/assets/stylesheets/style.scss */
.notice,
.alert {
  width: 100%;
  font-size: 12px;
  padding: 16px;
  margin: 0;
  margin-bottom: 20px;
  text-align: center; }
  /* line 2410, /app/app/assets/stylesheets/style.scss */
  .notice h4,
  .alert h4 {
    line-height: 1.5; }

/* line 2416, /app/app/assets/stylesheets/style.scss */
.notice {
  color: #155724 !important;
  background-color: #8ED0BB !important;
  border-color: #8ED0BB !important; }
  /* line 2421, /app/app/assets/stylesheets/style.scss */
  .notice a {
    color: #155724 !important;
    text-decoration: underline; }

/* line 2427, /app/app/assets/stylesheets/style.scss */
.alert {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }
  /* line 2432, /app/app/assets/stylesheets/style.scss */
  .alert a {
    color: #155724;
    text-decoration: underline; }

/* line 2441, /app/app/assets/stylesheets/style.scss */
#JPO {
  background: #fff;
  padding: 20px;
  max-width: 600px;
  margin: 2rem;
  line-height: 1.5;
  border-radius: 6px; }
  /* line 2449, /app/app/assets/stylesheets/style.scss */
  #JPO .JPO_close {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 2rem;
    border: none;
    background: none;
    cursor: pointer; }
  /* line 2459, /app/app/assets/stylesheets/style.scss */
  #JPO .JPO_text {
    position: static !important; }
  /* line 2463, /app/app/assets/stylesheets/style.scss */
  #JPO .btn_signup {
    background-color: #8ED0BB; }

/* FOOTER
	================================ */
/* line 2470, /app/app/assets/stylesheets/style.scss */
footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  margin-top: auto; }
  /* line 2476, /app/app/assets/stylesheets/style.scss */
  footer img {
    height: 30px;
    margin-right: 1rem; }
  /* line 2481, /app/app/assets/stylesheets/style.scss */
  footer a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 2em; }
  /* line 2487, /app/app/assets/stylesheets/style.scss */
  footer .footer-col {
    background-repeat: no-repeat;
    background-position: center; }

/* APPOINTMENT MESSAGES
		============================= */
/* datepicker 
	============================== */
/* line 2500, /app/app/assets/stylesheets/style.scss */
.ui-datepicker {
  text-align: center; }

/* line 2504, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-trigger {
  margin: 0 0 0 5px;
  vertical-align: text-top; }

/* line 2509, /app/app/assets/stylesheets/style.scss */
.ui-datepicker {
  font-family: Open Sans, Arial, sans-serif;
  margin-top: 2px;
  padding: 0 !important;
  border-color: #c9f0f5 !important; }

/* line 2516, /app/app/assets/stylesheets/style.scss */
.ui-datepicker {
  width: 256px; }

/* line 2520, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker {
  width: 191px; }

/* line 2524, /app/app/assets/stylesheets/style.scss */
.ui-datepicker table {
  width: 256px;
  table-layout: fixed; }

/* line 2529, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker table {
  width: 191px;
  table-layout: fixed; }

/* line 2534, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-header {
  background-color: #0C233F !important;
  background-image: none !important;
  border-radius: 0; }

/* line 2540, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-header {
  background-color: #e6f7f9 !important;
  border-width: 1px;
  border-color: #c9f0f5;
  border-style: solid; }

/* line 2547, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-title {
  line-height: 35px !important;
  margin: 0 10px !important; }

/* line 2552, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-title {
  line-height: 20px !important; }

/* line 2556, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-prev span {
  display: none !important; }

/* line 2560, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-next {
  text-align: center; }

/* line 2564, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-next span {
  display: none !important; }

/* line 2568, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-prev {
  background-color: transparent !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==") !important;
  height: 12px !important;
  width: 7px !important;
  margin: 14px 12px;
  display: inline-block;
  left: 0 !important;
  top: 0 !important; }

/* line 2579, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-prev {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=") !important;
  height: 14px !important;
  width: 9px !important;
  margin: 5px !important; }

/* line 2586, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-next {
  cursor: pointer; }

/* line 2590, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-prev {
  cursor: pointer; }

/* line 2594, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-next {
  background-color: transparent !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==") !important;
  height: 12px !important;
  width: 8px !important;
  margin: 14px 12px;
  display: inline-block;
  right: 0 !important;
  top: 0 !important; }

/* line 2605, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC") !important;
  height: 14px !important;
  width: 8px !important;
  margin: 5px; }

/* line 2612, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-month {
  border-radius: 2px;
  width: 110px !important;
  height: 22px;
  color: #fff;
  font-size: 14px !important;
  font-weight: 600;
  text-align: left;
  border: none !important;
  margin-right: 17px !important;
  vertical-align: text-top; }

/* line 2625, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-month {
  font-family: Open Sans, Arial, sans-serif;
  color: rgba(34, 34, 34, 0.87);
  font-size: 12px !important;
  font-weight: 700;
  text-align: center;
  transform: scaleX(1.0029); }

/* line 2634, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-year {
  border-radius: 2px;
  width: 61px !important;
  height: 22px;
  border: none !important;
  color: #fff;
  font-size: 14px !important;
  font-weight: 600;
  text-align: left;
  vertical-align: text-top; }

/* line 2646, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-year {
  font-family: Open Sans, Arial, sans-serif;
  color: rgba(34, 34, 34, 0.87);
  font-size: 12px !important;
  font-weight: 700;
  text-align: center;
  transform: scaleX(1.0029); }

/* line 2655, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-month option,
.ui-datepicker-year option {
  color: #3985a0 !important;
  background-color: #fff !important;
  font-family: Open Sans !important;
  font-size: 14px !important;
  font-weight: 600; }

/* line 2664, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
  background-color: #e5edf0 !important; }

/* line 2669, /app/app/assets/stylesheets/style.scss */
.ui-datepicker .ui-state-hover {
  /*background: none !important;*/
  border: 0 !important; }

/* line 2674, /app/app/assets/stylesheets/style.scss */
.ui-datepicker td {
  vertical-align: top; }

/* line 2678, /app/app/assets/stylesheets/style.scss */
.ui-datepicker .ui-state-default {
  border-radius: 2px;
  border-color: #edebeb !important;
  /*     background: white !important; */
  width: 24px;
  height: 24px;
  padding: 0 !important;
  line-height: 24px;
  text-align: center !important;
  font-family: Open Sans, Arial, sans-serif;
  color: #707070;
  font-size: 13px;
  font-weight: 400 !important;
  margin: 7px 0 0 4px; }

/* line 2694, /app/app/assets/stylesheets/style.scss */
.ui-datepicker .ui-state-default.ui-state-highlight {
  border-color: #dcdcdc;
  background-color: #0C233F !important;
  color: white !important; }

/* line 2700, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-state-default {
  font-size: 10px;
  margin: 0; }

/* line 2705, /app/app/assets/stylesheets/style.scss */
.ui-datepicker td {
  width: 33px; }

/* line 2709, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker td {
  width: 26px; }

/* line 2713, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-state-default {
  width: 26px;
  height: 20px;
  line-height: 20px; }

/* line 2719, /app/app/assets/stylesheets/style.scss */
.ui-state-default.ui-state-hover {
  border-color: #dcdcdc;
  background-color: white !important;
  color: #0C233F; }

/* line 2725, /app/app/assets/stylesheets/style.scss */
.ui-datepicker .ui-state-active {
  border-color: #dcdcdc;
  background-color: white !important;
  color: #0C233F !important; }

/* line 2731, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-calendar tbody {
  background-color: lightgrey; }

/* line 2735, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-calendar thead tr th {
  font-family: Open Sans, Arial, sans-serif;
  color: #0C233F;
  font-size: 12px;
  font-weight: 400;
  padding: 0.45em 0.3em !important;
  /*   width: 15px !important; */ }

/* line 2744, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-calendar thead tr th {
  font-size: 10px; }

/* line 2748, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-close {
  display: none; }

/* line 2752, /app/app/assets/stylesheets/style.scss */
.ui-datepicker thead {
  background-color: #f5f5f5; }

/* line 2756, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker thead {
  background: none; }

/* line 2760, /app/app/assets/stylesheets/style.scss */
.ui-state-default.ui-datepicker-current {
  float: none !important;
  font-family: Open Sans, Arial, sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  border-width: 0 !important;
  border: none;
  vertical-align: top;
  margin: 0 !important;
  background-color: transparent !important; }

/* line 2774, /app/app/assets/stylesheets/style.scss */
.ui-datepicker-buttonpane.ui-widget-content {
  text-align: center;
  background-color: #3e9aba;
  margin: 0 !important;
  height: 28px;
  padding: 0 !important; }

/* line 2782, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-year {
  background-color: transparent; }

/* line 2786, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-month {
  background-color: transparent; }

/* line 2790, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-state-default {
  border: 0 !important; }

/* line 2794, /app/app/assets/stylesheets/style.scss */
.openemr-calendar .ui-datepicker-month {
  margin-right: 10px !important; }

/* line 2798, /app/app/assets/stylesheets/style.scss */
trix-editor {
  min-height: 40em; }

/* line 2802, /app/app/assets/stylesheets/style.scss */
.error-page {
  display: flex;
  flex-direction: column;
  height: 100%; }

/* line 2808, /app/app/assets/stylesheets/style.scss */
#error-wrap {
  background-color: #0C233F;
  flex: 1;
  padding: 5%; }
  /* line 2813, /app/app/assets/stylesheets/style.scss */
  #error-wrap h1 {
    color: white;
    font-size: 24px;
    margin: 20px 0;
    text-align: center; }
  /* line 2820, /app/app/assets/stylesheets/style.scss */
  #error-wrap a {
    color: white;
    text-decoration: underline; }
  /* line 2825, /app/app/assets/stylesheets/style.scss */
  #error-wrap p {
    color: white; }

/* Desktop */
@media only screen and (min-width: 1001px) {
  /* line 2833, /app/app/assets/stylesheets/style.scss */
  body {
    overflow-x: visible;
    padding: 20px; }

  /* line 2838, /app/app/assets/stylesheets/style.scss */
  .admin-body {
    padding: 0; }

  /* line 2842, /app/app/assets/stylesheets/style.scss */
  body.pharmacist {
    padding: 0; }

  /* line 2846, /app/app/assets/stylesheets/style.scss */
  label {
    font-size: 14px; }

  /* line 2850, /app/app/assets/stylesheets/style.scss */
  body {
    font-size: 14px; }

  /* line 2854, /app/app/assets/stylesheets/style.scss */
  input[type="checkbox"] {
    vertical-align: baseline; }

  /* line 2858, /app/app/assets/stylesheets/style.scss */
  .notice, .alert {
    border-radius: 12px;
    position: relative; }

  /* line 2863, /app/app/assets/stylesheets/style.scss */
  #dashboard-timeline-tabs.ui-widget.ui-widget-content {
    background: transparent;
    border: none; }
    /* line 2867, /app/app/assets/stylesheets/style.scss */
    #dashboard-timeline-tabs.ui-widget.ui-widget-content .ui-tabs-nav {
      background: transparent;
      padding: 0; }
    /* line 2872, /app/app/assets/stylesheets/style.scss */
    #dashboard-timeline-tabs.ui-widget.ui-widget-content .ui-tabs-nav li {
      background: transparent;
      border: none; }
    /* line 2877, /app/app/assets/stylesheets/style.scss */
    #dashboard-timeline-tabs.ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active {
      background: transparent;
      border: none;
      font-weight: 700; }
      /* line 2882, /app/app/assets/stylesheets/style.scss */
      #dashboard-timeline-tabs.ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a {
        color: #000; }
    /* line 2887, /app/app/assets/stylesheets/style.scss */
    #dashboard-timeline-tabs.ui-widget.ui-widget-content .ui-tabs-panel {
      padding: 0; }

  /* line 2892, /app/app/assets/stylesheets/style.scss */
  .day {
    position: relative; }

  /* line 2898, /app/app/assets/stylesheets/style.scss */
  .appointment .appt-dot {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: auto;
    background-color: black;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateY(-50%); }

  /* line 2911, /app/app/assets/stylesheets/style.scss */
  .appointment-list {
    display: flex;
    height: 100%; }
    /* line 2915, /app/app/assets/stylesheets/style.scss */
    .appointment-list .appointment-wrapper {
      border: solid 1px grey;
      flex: 1;
      padding: 10px;
      overflow: auto; }
    /* line 2922, /app/app/assets/stylesheets/style.scss */
    .appointment-list table {
      width: 100%; }
    /* line 2926, /app/app/assets/stylesheets/style.scss */
    .appointment-list td {
      padding: 10px;
      vertical-align: middle; }
      /* line 2930, /app/app/assets/stylesheets/style.scss */
      .appointment-list td.active {
        background-color: #8ED0BB; }
    /* line 2935, /app/app/assets/stylesheets/style.scss */
    .appointment-list .appointment-time {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    /* line 2941, /app/app/assets/stylesheets/style.scss */
    .appointment-list .appointment-info {
      display: flex;
      padding-left: 10px; }
    /* line 2946, /app/app/assets/stylesheets/style.scss */
    .appointment-list .appointment-details {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-left: 10px; }
      /* line 2952, /app/app/assets/stylesheets/style.scss */
      .appointment-list .appointment-details span {
        padding-bottom: 8px; }
    /* line 2957, /app/app/assets/stylesheets/style.scss */
    .appointment-list .appointment-card {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 10px; }
      /* line 2963, /app/app/assets/stylesheets/style.scss */
      .appointment-list .appointment-card .header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px; }
      /* line 2970, /app/app/assets/stylesheets/style.scss */
      .appointment-list .appointment-card .appointment-body {
        flex: 1; }
        /* line 2973, /app/app/assets/stylesheets/style.scss */
        .appointment-list .appointment-card .appointment-body .appointment-section {
          border-bottom: solid 2px grey;
          display: flex;
          padding: 10px 0; }
          /* line 2978, /app/app/assets/stylesheets/style.scss */
          .appointment-list .appointment-card .appointment-body .appointment-section .appointment-label {
            color: grey;
            width: 70px; }
      /* line 2985, /app/app/assets/stylesheets/style.scss */
      .appointment-list .appointment-card .appointment-btns {
        display: flex;
        gap: 10px;
        margin-top: 10px; }

  /* line 2993, /app/app/assets/stylesheets/style.scss */
  .professional-wrapper {
    background-color: #fff;
    box-shadow: 0 0 5px lightgrey;
    padding: 20px;
    position: relative; }
    /* line 2999, /app/app/assets/stylesheets/style.scss */
    .professional-wrapper .plus {
      background-color: #000;
      border-radius: 100%;
      color: #fff;
      display: block;
      line-height: 32px;
      margin-left: auto;
      text-align: center;
      width: 32px; }

  /* line 3011, /app/app/assets/stylesheets/style.scss */
  .square-card {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 100%; }
    /* line 3018, /app/app/assets/stylesheets/style.scss */
    .square-card.breadcrumbs a {
      display: inline-block; }
    /* line 3022, /app/app/assets/stylesheets/style.scss */
    .square-card.blue {
      background-color: #d9ebfe;
      border: solid 1px #47a1ff; }
    /* line 3027, /app/app/assets/stylesheets/style.scss */
    .square-card.lightpeach {
      background-color: #fdf0e4;
      border: solid 1px #ffb773; }
    /* line 3032, /app/app/assets/stylesheets/style.scss */
    .square-card.grey {
      background-color: #eee;
      border: solid 1px #aaa; }
    /* line 3037, /app/app/assets/stylesheets/style.scss */
    .square-card a {
      display: flex;
      justify-content: space-between; }
      /* line 3041, /app/app/assets/stylesheets/style.scss */
      .square-card a.contact-link {
        justify-content: flex-start; }
    /* line 3046, /app/app/assets/stylesheets/style.scss */
    .square-card ol {
      list-style: decimal;
      padding: 0 16px; }
    /* line 3051, /app/app/assets/stylesheets/style.scss */
    .square-card ol > li:before, .square-card ol > li::marker {
      font-size: 14px;
      font-weight: 600; }
    /* line 3056, /app/app/assets/stylesheets/style.scss */
    .square-card li {
      padding-top: 8px; }
    /* line 3060, /app/app/assets/stylesheets/style.scss */
    .square-card h2 {
      font-size: 24px;
      font-weight: 600;
      line-height: 28px;
      text-align: left; }
    /* line 3067, /app/app/assets/stylesheets/style.scss */
    .square-card img {
      max-width: 100%;
      padding-top: 10px; }
    /* line 3072, /app/app/assets/stylesheets/style.scss */
    .square-card p {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 5px;
      padding-bottom: 0;
      text-align: left; }
      /* line 3079, /app/app/assets/stylesheets/style.scss */
      .square-card p.profile-header {
        margin-bottom: 0; }
    /* line 3084, /app/app/assets/stylesheets/style.scss */
    .square-card details > summary {
      list-style: none; }
    /* line 3088, /app/app/assets/stylesheets/style.scss */
    .square-card details > summary::-webkit-details-marker {
      display: none; }
    /* line 3092, /app/app/assets/stylesheets/style.scss */
    .square-card details > summary p {
      margin-bottom: 0; }
    /* line 3096, /app/app/assets/stylesheets/style.scss */
    .square-card input[type="checkbox"] {
      margin-right: 5px;
      vertical-align: middle; }
    /* line 3101, /app/app/assets/stylesheets/style.scss */
    .square-card .appointment-wrapper {
      align-items: center;
      display: flex;
      justify-content: space-between; }
    /* line 3107, /app/app/assets/stylesheets/style.scss */
    .square-card .edit {
      font-size: 14px;
      font-weight: 600;
      position: absolute;
      right: 10px;
      top: 10px; }
    /* line 3115, /app/app/assets/stylesheets/style.scss */
    .square-card .badge-counter {
      background-color: #9a2833;
      border-radius: 30px;
      color: white;
      display: inline-block;
      font-size: 11px;
      line-height: 15px;
      text-align: center;
      vertical-align: bottom;
      width: 15px; }

  /* line 3128, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity-month {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 2em;
    padding-bottom: 0;
    text-align: left; }

  /* line 3138, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity-content {
    align-items: center;
    display: flex;
    justify-content: space-between; }

  /* line 3144, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity-info p {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 0;
    text-align: left; }

  /* line 3152, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine, .dashboard-activity {
    border-radius: 8px;
    margin: 1em 0;
    padding: 1em; }
    /* line 3157, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicine p, .dashboard-activity p {
      margin: 0.5em 0;
      padding-bottom: 0; }

  /* line 3163, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity {
    background-color: #fdf0e4; }
    /* line 3166, /app/app/assets/stylesheets/style.scss */
    .dashboard-activity.purple {
      background-color: #d5c5eb; }
    /* line 3171, /app/app/assets/stylesheets/style.scss */
    .dashboard-activity.notification span, .dashboard-activity.notification p {
      font-size: 12px; }

  /* line 3177, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity.green {
    background-color: #ddfcc5; }

  /* line 3181, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity.grey {
    background-color: #eee;
    border: solid 1px grey; }

  /* line 3186, /app/app/assets/stylesheets/style.scss */
  .mood-img {
    width: 100px; }
    /* line 3189, /app/app/assets/stylesheets/style.scss */
    .mood-img.full {
      width: 50%; }

  /* line 3194, /app/app/assets/stylesheets/style.scss */
  .mood-img img {
    transform: rotateY(180deg);
    width: 100%; }

  /* line 3199, /app/app/assets/stylesheets/style.scss */
  .mood-line {
    border-bottom: solid 2px #66ccfb;
    margin-bottom: 0;
    position: relative;
    width: 16px; }
    /* line 3205, /app/app/assets/stylesheets/style.scss */
    .mood-line.full {
      width: 16%; }

  /* line 3210, /app/app/assets/stylesheets/style.scss */
  .scale-row {
    width: 60%; }

  /* line 3214, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine {
    background-color: #d9ebfe; }

  /* line 3218, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-header {
    color: #808080;
    display: flex;
    font-size: 12px;
    justify-content: space-between; }

  /* line 3225, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-header a {
    color: black;
    font-weight: 600; }

  /* line 3230, /app/app/assets/stylesheets/style.scss */
  p.dashboard-medicine-header {
    margin-bottom: 0; }

  /* line 3234, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-name, .dashboard-activity-name {
    color: black;
    font-size: 16px;
    font-weight: 600;
    margin: 0.5em 0;
    padding-bottom: 0;
    text-align: left; }
    /* line 3242, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicine-name p, .dashboard-activity-name p {
      margin-bottom: 0;
      padding-bottom: 0;
      text-align: left; }
      /* line 3247, /app/app/assets/stylesheets/style.scss */
      .dashboard-medicine-name p small, .dashboard-activity-name p small {
        font-weight: 400; }
    /* line 3252, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicine-name i, .dashboard-activity-name i {
      border: solid 1px black;
      border-radius: 20px;
      font-size: 12px;
      margin-left: 5px;
      padding: 2px; }

  /* line 3261, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-time {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px; }

  /* line 3267, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-time p {
    border-bottom: solid 2px #66ccfb;
    color: #808080;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    margin-right: 10px;
    opacity: 0.2;
    padding: 0 2px; }

  /* line 3278, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-time p.active {
    opacity: 1; }

  /* line 3282, /app/app/assets/stylesheets/style.scss */
  .delete-metum {
    border: solid 1px darkred;
    border-radius: 18px;
    color: darkred;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 20px; }

  /* line 3294, /app/app/assets/stylesheets/style.scss */
  .contact-book {
    display: flex;
    flex-direction: column;
    height: 100%; }
    /* line 3299, /app/app/assets/stylesheets/style.scss */
    .contact-book #tabs {
      flex: 1; }
    /* line 3303, /app/app/assets/stylesheets/style.scss */
    .contact-book h2 {
      margin: 0.5em 0; }

  /* line 3308, /app/app/assets/stylesheets/style.scss */
  .professional-categories, .recommended-professional-categories {
    display: block;
    padding: 10px; }
    /* line 3312, /app/app/assets/stylesheets/style.scss */
    .professional-categories a, .recommended-professional-categories a {
      border: solid 1px #d3edf9;
      border-radius: 10px;
      width: 46%;
      font-size: 10px;
      background: aliceblue;
      display: block;
      float: left;
      height: 200px;
      padding: 8px;
      margin: 2%;
      text-align: center; }
      /* line 3325, /app/app/assets/stylesheets/style.scss */
      .professional-categories a img, .recommended-professional-categories a img {
        display: block;
        margin: 10px auto;
        height: 75%; }

  /* line 3334, /app/app/assets/stylesheets/style.scss */
  .professional-category h2 {
    text-align: center; }

  /* line 3339, /app/app/assets/stylesheets/style.scss */
  .professional-category, .recommended-professional-category {
    display: none;
    margin: auto;
    width: 90%; }

  /* line 3345, /app/app/assets/stylesheets/style.scss */
  .professional-category-back, .recommended-professional-category-back {
    display: block;
    font-size: 2em;
    margin-bottom: 20px; }

  /* line 3352, /app/app/assets/stylesheets/style.scss */
  .professional .row {
    border-bottom: solid 1px grey;
    padding: 0.5em 0; }
    /* line 3355, /app/app/assets/stylesheets/style.scss */
    .professional .row .title {
      color: lightgrey; }
    /* line 3358, /app/app/assets/stylesheets/style.scss */
    .professional .row .col {
      text-align: left; }

  /* line 3364, /app/app/assets/stylesheets/style.scss */
  .professionals {
    width: 90%;
    margin: auto;
    text-align: left;
    display: block; }
    /* line 3369, /app/app/assets/stylesheets/style.scss */
    .professionals .title {
      text-align: left;
      margin: 0;
      color: lightgrey;
      padding: 0; }
    /* line 3375, /app/app/assets/stylesheets/style.scss */
    .professionals .professional-links {
      float: right; }

  /* line 3380, /app/app/assets/stylesheets/style.scss */
  .professional-info {
    background-color: #ddd;
    margin-bottom: 25px; }
    /* line 3384, /app/app/assets/stylesheets/style.scss */
    .professional-info h4 {
      margin-bottom: 10px; }
    /* line 3387, /app/app/assets/stylesheets/style.scss */
    .professional-info p {
      margin: 0;
      margin-bottom: 5px;
      padding: 0;
      text-align: left; }

  /* line 3395, /app/app/assets/stylesheets/style.scss */
  .rightSide {
    position: relative; }

  /* line 3399, /app/app/assets/stylesheets/style.scss */
  .wizard.signup-steps {
    position: absolute;
    top: 0; }

  /* line 3404, /app/app/assets/stylesheets/style.scss */
  .content-body {
    margin: 50px auto;
    padding: 50px;
    max-width: 1200px; }

  /* line 3410, /app/app/assets/stylesheets/style.scss */
  .preview {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    object-position: left center;
    object-fit: contain;
    height: 100px;
    width: 100%; }
    /* line 3419, /app/app/assets/stylesheets/style.scss */
    .preview.healthcard {
      width: 49%; } }
/* Mobile */
@media only screen and (max-width: 768px) {
  /* line 3429, /app/app/assets/stylesheets/style.scss */
  body {
    margin: auto;
    max-width: 500px;
    overscroll-behavior-x: none; }

  /* line 3435, /app/app/assets/stylesheets/style.scss */
  body.admin-body {
    max-width: 100%;
    overscroll-behavior-x: auto; }

  /* line 3440, /app/app/assets/stylesheets/style.scss */
  input,
  textarea,
  button,
  select,
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  /* line 3448, /app/app/assets/stylesheets/style.scss */
  input.square, textarea.square, select.square {
    border: solid 1.5px #bbb;
    border-radius: 8px;
    margin-bottom: 0px;
    padding: 10px; }

  /* line 3455, /app/app/assets/stylesheets/style.scss */
  select.square {
    border: solid 1.5px #bbb;
    border-radius: 8px;
    padding: 10px; }

  /* line 3461, /app/app/assets/stylesheets/style.scss */
  label.square {
    border: solid 1.5px #bbb;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 20px; }

  /* line 3468, /app/app/assets/stylesheets/style.scss */
  h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0; }

  	/* HEADER LAYOUT
    ================================ */
  /* line 3477, /app/app/assets/stylesheets/style.scss */
  h2 {
    font-size: 1em;
    line-height: 1.4em;
    text-align: center; }

  /* line 3483, /app/app/assets/stylesheets/style.scss */
  p {
    text-align: center; }

  /* line 3487, /app/app/assets/stylesheets/style.scss */
  .dashboard-header {
    font-size: 14px; }

  /* line 3492, /app/app/assets/stylesheets/style.scss */
  .header-text p {
    margin-bottom: 5px;
    padding-bottom: 0;
    text-align: left; }
  /* line 3498, /app/app/assets/stylesheets/style.scss */
  .header-text .header-name {
    font-size: 1.3em; }
  /* line 3502, /app/app/assets/stylesheets/style.scss */
  .header-text .header-id {
    font-size: 0.8em;
    margin-bottom: 0; }

  /* line 3508, /app/app/assets/stylesheets/style.scss */
  .header-btn-group {
    display: flex; }

  /* line 3512, /app/app/assets/stylesheets/style.scss */
  .header-btn {
    border-radius: 5px;
    box-shadow: 2px 2px 5px 0px rgba(200, 200, 200, 0.3);
    font-size: 0.7em;
    height: 5.5em;
    margin-right: 20px;
    padding: 5px;
    position: relative;
    width: 5.5em; }
    /* line 3523, /app/app/assets/stylesheets/style.scss */
    .header-btn.green:after {
      background-color: #94f599;
      border-radius: 100%;
      content: "";
      height: 4em;
      position: absolute;
      right: -25%;
      top: -25%;
      width: 4em; }
    /* line 3536, /app/app/assets/stylesheets/style.scss */
    .header-btn.yellow:after {
      background-color: #fce089;
      border-radius: 100%;
      content: "";
      height: 4em;
      position: absolute;
      right: -25%;
      top: -25%;
      width: 4em; }
    /* line 3548, /app/app/assets/stylesheets/style.scss */
    .header-btn span {
      bottom: 5px;
      position: absolute; }

  /* GRID LAYOUT
  ================================ */
  /* line 3556, /app/app/assets/stylesheets/style.scss */
  html, body {
    height: 100%;
    width: 100%; }

  /* line 3561, /app/app/assets/stylesheets/style.scss */
  #main.container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    overflow-y: scroll;
    padding-bottom: 80px; }
    /* line 3569, /app/app/assets/stylesheets/style.scss */
    #main.container.with-footer {
      height: 100% !important;
      overflow: scroll; }

  /* line 3576, /app/app/assets/stylesheets/style.scss */
  .mobile-container .spacer {
    border: none;
    height: 4em;
    margin-bottom: 0;
    margin-top: 5%; }

  /* line 3584, /app/app/assets/stylesheets/style.scss */
  .break {
    flex-basis: 100%;
    height: 0; }

  /* line 3590, /app/app/assets/stylesheets/style.scss */
  .field.col {
    padding: 2% 5%; }

  /* line 3595, /app/app/assets/stylesheets/style.scss */
  .info-body {
    background: white;
    left: 5%;
    padding: 5%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 90%; }

  /* line 3605, /app/app/assets/stylesheets/style.scss */
  .info-overlay {
    background: rgba(0, 0, 0, 0.85);
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0%;
    transition-duration: 0.3s;
    visibility: hidden;
    width: 100%; }
    /* line 3615, /app/app/assets/stylesheets/style.scss */
    .info-overlay.active {
      background-color: rgba(0, 0, 0, 0.85);
      opacity: 1;
      visibility: visible;
      z-index: 1; }

  /* line 3623, /app/app/assets/stylesheets/style.scss */
  .info-row {
    text-align: left; }
    /* line 3626, /app/app/assets/stylesheets/style.scss */
    .info-row span {
      display: block; }

  /* line 3631, /app/app/assets/stylesheets/style.scss */
  .row {
    justify-content: center; }

  /* line 3635, /app/app/assets/stylesheets/style.scss */
  .mobile-body {
    display: block;
    flex-direction: column;
    height: 70%;
    margin: auto;
    overflow: scroll;
    width: 100%; }
    /* line 3643, /app/app/assets/stylesheets/style.scss */
    .mobile-body.profile {
      overflow: hidden; }
      /* line 3646, /app/app/assets/stylesheets/style.scss */
      .mobile-body.profile .ui-tabs-panel {
        overflow: scroll; }
    /* line 3651, /app/app/assets/stylesheets/style.scss */
    .mobile-body.full {
      padding-top: 5%;
      height: 100%; }
    /* line 3656, /app/app/assets/stylesheets/style.scss */
    .mobile-body .add-btns {
      display: flex;
      justify-content: space-between; }
      /* line 3660, /app/app/assets/stylesheets/style.scss */
      .mobile-body .add-btns .btn {
        height: 5em;
        margin: 0.5em 0 0 0;
        width: 30%; }
    /* line 3667, /app/app/assets/stylesheets/style.scss */
    .mobile-body .btn {
      margin: 1em 0;
      width: 100%; }

  /* line 3673, /app/app/assets/stylesheets/style.scss */
  .mobile-hr {
    border-color: black;
    margin: auto;
    width: 90%; }

  /* line 3679, /app/app/assets/stylesheets/style.scss */
  .mobile-overlay {
    height: 100vh;
    width: 100vw;
    position: fixed;
    opacity: 0;
    top: 0;
    transition-duration: 0.3s;
    visibility: hidden; }
    /* line 3687, /app/app/assets/stylesheets/style.scss */
    .mobile-overlay.active {
      background-color: rgba(0, 15, 25, 0.7);
      opacity: 1;
      visibility: visible;
      z-index: 1; }

  /* line 3695, /app/app/assets/stylesheets/style.scss */
  .mobile-menu, .profile-menu {
    background-color: white;
    border-radius: 20px 20px 0 0;
    bottom: 80px;
    display: none;
    font-size: 16px;
    position: fixed;
    text-align: left;
    width: 100%; }
    /* line 3705, /app/app/assets/stylesheets/style.scss */
    .mobile-menu.active, .profile-menu.active {
      display: block; }
    /* line 3709, /app/app/assets/stylesheets/style.scss */
    .mobile-menu #mobile-close, .mobile-menu #profile-close, .profile-menu #mobile-close, .profile-menu #profile-close {
      border-top: solid 3px grey;
      display: inline-block;
      font-size: 12px;
      font-weight: 600;
      margin: 20px auto 10px auto;
      padding: 6px; }
    /* line 3718, /app/app/assets/stylesheets/style.scss */
    .mobile-menu .mobile-menu-links, .profile-menu .mobile-menu-links {
      height: auto;
      overflow: scroll; }
    /* line 3723, /app/app/assets/stylesheets/style.scss */
    .mobile-menu .btn-menu, .profile-menu .btn-menu {
      align-items: center;
      border-bottom: solid 1px lightgrey;
      color: black;
      display: flex;
      padding: 0.5em 1em; }
      /* line 3730, /app/app/assets/stylesheets/style.scss */
      .mobile-menu .btn-menu .btn-menu-icon, .profile-menu .btn-menu .btn-menu-icon {
        align-items: center;
        background-color: black;
        border-radius: 100%;
        display: flex;
        height: 2.5em;
        justify-content: center;
        margin-right: 1em;
        width: 2.5em; }
        /* line 3740, /app/app/assets/stylesheets/style.scss */
        .mobile-menu .btn-menu .btn-menu-icon.lightpeach, .profile-menu .btn-menu .btn-menu-icon.lightpeach {
          background-color: #fdf0e4; }
        /* line 3744, /app/app/assets/stylesheets/style.scss */
        .mobile-menu .btn-menu .btn-menu-icon.peach, .profile-menu .btn-menu .btn-menu-icon.peach {
          background-color: #EBBE91; }
        /* line 3748, /app/app/assets/stylesheets/style.scss */
        .mobile-menu .btn-menu .btn-menu-icon.blue, .profile-menu .btn-menu .btn-menu-icon.blue {
          background-color: #66ccfb; }
        /* line 3752, /app/app/assets/stylesheets/style.scss */
        .mobile-menu .btn-menu .btn-menu-icon.lightblue, .profile-menu .btn-menu .btn-menu-icon.lightblue {
          background-color: #97fafc; }
        /* line 3756, /app/app/assets/stylesheets/style.scss */
        .mobile-menu .btn-menu .btn-menu-icon.purple, .profile-menu .btn-menu .btn-menu-icon.purple {
          background-color: #BCACD2; }
        /* line 3760, /app/app/assets/stylesheets/style.scss */
        .mobile-menu .btn-menu .btn-menu-icon img, .profile-menu .btn-menu .btn-menu-icon img {
          height: 60%;
          width: 60%; }
    /* line 3767, /app/app/assets/stylesheets/style.scss */
    .mobile-menu.active, .profile-menu.active {
      z-index: 2;
      display: block; }

  /* line 3773, /app/app/assets/stylesheets/style.scss */
  .container {
    height: 100%;
    width: 100%;
    transition: all 0.6s; }

  /* line 3779, /app/app/assets/stylesheets/style.scss */
  .debug_dump {
    overflow: hidden; }

  /* line 3783, /app/app/assets/stylesheets/style.scss */
  .hidden {
    display: none !important; }

  /* line 3787, /app/app/assets/stylesheets/style.scss */
  #page {
    min-height: 100%; }

  /* line 3791, /app/app/assets/stylesheets/style.scss */
  .resource-details {
    margin: auto;
    width: 90%; }
    /* line 3795, /app/app/assets/stylesheets/style.scss */
    .resource-details p {
      margin: 0;
      padding: 0;
      text-align: left; }

  /* FORMS
  ================================ */
  /* line 3806, /app/app/assets/stylesheets/style.scss */
  .add-resource {
    display: block;
    margin-top: 5px; }

  /* line 3811, /app/app/assets/stylesheets/style.scss */
  .add-resource-overlay {
    background-color: rgba(0, 0, 0, 0.85);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: 0.3s;
    width: 100% !important;
    z-index: -1; }
    /* line 3822, /app/app/assets/stylesheets/style.scss */
    .add-resource-overlay.active {
      opacity: 1;
      z-index: 1; }
    /* line 3827, /app/app/assets/stylesheets/style.scss */
    .add-resource-overlay .add-resource-form {
      background-color: white;
      left: 50%;
      max-height: 75%;
      padding: 10% 5%;
      position: relative;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 90%; }

  /* line 3839, /app/app/assets/stylesheets/style.scss */
  .form-actions {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 90%; }
    /* line 3845, /app/app/assets/stylesheets/style.scss */
    .form-actions input[type="submit"] {
      align-items: center;
      border-radius: 1.25em;
      color: white;
      display: flex;
      font-family: 'Montserrat', sans-serif;
      height: 2.5em;
      justify-content: center;
      margin: 1em 0 !important;
      padding: 0px;
      width: 45%; }
    /* line 3858, /app/app/assets/stylesheets/style.scss */
    .form-actions input[disabled] {
      opacity: 0.7; }

  /* line 3863, /app/app/assets/stylesheets/style.scss */
  .onboarding-form-actions {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 100%; }
    /* line 3868, /app/app/assets/stylesheets/style.scss */
    .onboarding-form-actions .btn-green {
      margin-left: 3px;
      margin-right: 3px; }

  /* line 3874, /app/app/assets/stylesheets/style.scss */
  .email-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    height: 100%;
    max-width: 500px;
    position: fixed;
    width: 100%; }
    /* line 3884, /app/app/assets/stylesheets/style.scss */
    .email-overlay.active {
      display: flex; }
    /* line 3888, /app/app/assets/stylesheets/style.scss */
    .email-overlay .email-overlay-wrapper {
      align-items: center;
      background-color: white;
      display: flex;
      flex-direction: column;
      height: 500px;
      justify-content: center;
      width: 50%; }

  /* line 3899, /app/app/assets/stylesheets/style.scss */
  .transportation-fields {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    width: 90%; }

  /* line 3906, /app/app/assets/stylesheets/style.scss */
  .transportation-btn {
    width: auto; }

  /* line 3910, /app/app/assets/stylesheets/style.scss */
  .transportation-label {
    color: black;
    font-size: 100%; }

  /* line 3915, /app/app/assets/stylesheets/style.scss */
  .form-body {
    margin: auto;
    padding-bottom: 1em;
    width: 90%; }
    /* line 3920, /app/app/assets/stylesheets/style.scss */
    .form-body #files img {
      margin-bottom: 1em; }
    /* line 3924, /app/app/assets/stylesheets/style.scss */
    .form-body .btn {
      font-size: 14px; }
    /* line 3928, /app/app/assets/stylesheets/style.scss */
    .form-body .col {
      margin: 0.5em;
      padding: 0; }
      /* line 3932, /app/app/assets/stylesheets/style.scss */
      .form-body .col.toggle-left {
        position: relative; }
        /* line 3935, /app/app/assets/stylesheets/style.scss */
        .form-body .col.toggle-left .toggle {
          left: 0;
          position: absolute; }
        /* line 3940, /app/app/assets/stylesheets/style.scss */
        .form-body .col.toggle-left label.toggle-label {
          display: inline-block !important;
          line-height: 16px;
          margin: 0 !important;
          padding-left: 20px; }
    /* line 3949, /app/app/assets/stylesheets/style.scss */
    .form-body .label {
      color: #777777;
      padding: 0 7px; }
    /* line 3954, /app/app/assets/stylesheets/style.scss */
    .form-body .row {
      margin-bottom: 1em; }
      /* line 3957, /app/app/assets/stylesheets/style.scss */
      .form-body .row.text {
        display: block; }
    /* line 3962, /app/app/assets/stylesheets/style.scss */
    .form-body .scale {
      width: 100%; }
    /* line 3966, /app/app/assets/stylesheets/style.scss */
    .form-body .scale-row {
      position: relative; }
    /* line 3970, /app/app/assets/stylesheets/style.scss */
    .form-body .slider {
      -webkit-appearance: none;
      width: 88.5%;
      height: 5em;
      background-color: transparent;
      border: 0;
      left: 5.75%;
      margin: 0;
      margin-top: 0.5em;
      outline: none;
      padding: 0;
      position: absolute;
      top: 4%; }
      /* line 3984, /app/app/assets/stylesheets/style.scss */
      .form-body .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background: white;
        border: solid 1px black;
        border-radius: 1em;
        cursor: pointer;
        height: 1em;
        width: 1em; }
      /* line 3995, /app/app/assets/stylesheets/style.scss */
      .form-body .slider::-moz-range-thumb {
        width: 1em;
        height: 1em;
        background: #8ED0BB;
        cursor: pointer; }
    /* line 4003, /app/app/assets/stylesheets/style.scss */
    .form-body .toggle-content {
      width: 100%; }
      /* line 4006, /app/app/assets/stylesheets/style.scss */
      .form-body .toggle-content input {
        margin-bottom: 0; }
    /* line 4011, /app/app/assets/stylesheets/style.scss */
    .form-body input {
      margin: 0; }
    /* line 4015, /app/app/assets/stylesheets/style.scss */
    .form-body label {
      color: #777;
      display: block !important;
      margin: 0.5em 0 !important; }
      /* line 4020, /app/app/assets/stylesheets/style.scss */
      .form-body label.add-avatar {
        border: 0 none;
        border-bottom: 2px solid #ccc;
        color: #222;
        font-family: 'Montserrat', sans-serif;
        font-size: 1em;
        padding: 7px;
        margin: 0 !important;
        margin-bottom: 15px;
        width: 100%; }
    /* line 4033, /app/app/assets/stylesheets/style.scss */
    .form-body .member-actions {
      position: relative; }

  /* line 4038, /app/app/assets/stylesheets/style.scss */
  .form-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px 0; }

  /* line 4046, /app/app/assets/stylesheets/style.scss */
  .mobile-select {
    margin-bottom: 15px; }

  /* line 4050, /app/app/assets/stylesheets/style.scss */
  .track-form {
    position: relative; }

  /* line 4054, /app/app/assets/stylesheets/style.scss */
  .preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    object-position: center;
    object-fit: contain;
    height: 100px;
    width: 100%; }
    /* line 4063, /app/app/assets/stylesheets/style.scss */
    .preview.healthcard {
      display: inline-block;
      width: 49%; }

  /* BUTTONS
  ================================ */
  /* line 4071, /app/app/assets/stylesheets/style.scss */
  .btn {
    align-items: center;
    border: 3px solid transparent;
    border-radius: 1.25em;
    color: white;
    display: flex;
    justify-content: center;
    margin: 0.5em auto;
    padding: 0.5em 0;
    width: 80%; }
    /* line 4082, /app/app/assets/stylesheets/style.scss */
    .btn.btn-primary {
      background-color: #8ED0BB;
      border-color: #8ED0BB; }
    /* line 4087, /app/app/assets/stylesheets/style.scss */
    .btn.btn-secondary {
      background-color: transparent;
      border-color: white; }
    /* line 4092, /app/app/assets/stylesheets/style.scss */
    .btn.btn-tertiary {
      background-color: transparent;
      border-color: #0C233F;
      color: #0C233F; }
    /* line 4098, /app/app/assets/stylesheets/style.scss */
    .btn.btn-green {
      background-color: #beeac3;
      border-color: #beeac3;
      color: black; }
    /* line 4104, /app/app/assets/stylesheets/style.scss */
    .btn.btn-red {
      background-color: #f09797;
      border-color: #f09797;
      color: black; }
    /* line 4110, /app/app/assets/stylesheets/style.scss */
    .btn.btn-blue {
      background-color: #66ccfb;
      border-color: #66ccfb;
      color: black; }
    /* line 4116, /app/app/assets/stylesheets/style.scss */
    .btn.btn-light-blue {
      background-color: #97fafc;
      border-color: #97fafc;
      color: black; }
    /* line 4122, /app/app/assets/stylesheets/style.scss */
    .btn.btn-peach {
      background-color: #f8cb9e;
      border-color: #f8cb9e;
      color: black; }
    /* line 4128, /app/app/assets/stylesheets/style.scss */
    .btn.btn-light-peach {
      background-color: #fdf0e4;
      border-color: #fdf0e4;
      color: black; }
    /* line 4134, /app/app/assets/stylesheets/style.scss */
    .btn.btn-pink {
      background-color: #f7d0d8;
      border-color: #f7d0d8;
      color: black; }
    /* line 4140, /app/app/assets/stylesheets/style.scss */
    .btn.btn-purple {
      background-color: #d5c5eb;
      border-color: #d5c5eb;
      color: black; }
    /* line 4146, /app/app/assets/stylesheets/style.scss */
    .btn.square {
      border-radius: 8px;
      margin-bottom: 0;
      padding: 10px;
      width: 100%; }
      /* line 4152, /app/app/assets/stylesheets/style.scss */
      .btn.square.add-field {
        bottom: 0;
        position: absolute;
        right: 0;
        width: 49%; }
    /* line 4160, /app/app/assets/stylesheets/style.scss */
    .btn.profile {
      margin-bottom: 5%; }
    /* line 4164, /app/app/assets/stylesheets/style.scss */
    .btninput.invalid {
      background-color: #ffdddd; }
    /* line 4168, /app/app/assets/stylesheets/style.scss */
    .btnselect.invalid {
      background-color: #ffdddd; }
    /* line 4172, /app/app/assets/stylesheets/style.scss */
    .btn:focus {
      border: 3px solid #F79E6B; }

  /* line 4177, /app/app/assets/stylesheets/style.scss */
  input[type='submit'].clear-btn {
    background-color: transparent; }

  /* line 4181, /app/app/assets/stylesheets/style.scss */
  select {
    border-radius: 0; }

  /* line 4185, /app/app/assets/stylesheets/style.scss */
  input, select {
    font-family: 'Montserrat', sans-serif; }

  /* line 4189, /app/app/assets/stylesheets/style.scss */
  input[type='submit'] {
    font-size: 1em; }
    /* line 4192, /app/app/assets/stylesheets/style.scss */
    input[type='submit'].btn-primary {
      border-radius: 50px;
      color: white;
      background-color: #8ED0BB; }
    /* line 4197, /app/app/assets/stylesheets/style.scss */
    input[type='submit'].btn-secondary {
      color: #0C233F !important;
      background-color: white !important;
      border-color: #0C233F !important; }

  /* line 4204, /app/app/assets/stylesheets/style.scss */
  .close-btn {
    position: absolute;
    right: 1em;
    top: 0.5em; }

  /* line 4210, /app/app/assets/stylesheets/style.scss */
  input.invalid {
    background-color: #ffdddd; }

  /* line 4214, /app/app/assets/stylesheets/style.scss */
  select {
    margin: 0;
    padding: 6px; }

  /* line 4219, /app/app/assets/stylesheets/style.scss */
  .btn-back {
    width: 15%;
    outline: none;
    display: block;
    margin: 5% 0 0 5%;
    font-size: 4em; }

  /* line 4227, /app/app/assets/stylesheets/style.scss */
  .remove-avatar {
    color: red;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; }

  /* line 4234, /app/app/assets/stylesheets/style.scss */
  .ui-widget input {
    font-family: 'Montserrat', sans-serif; }

  /* LANDING
  ================================ */
  /* line 4241, /app/app/assets/stylesheets/style.scss */
  .image-overlay {
    background-color: #0C233F;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed; }

  /* line 4251, /app/app/assets/stylesheets/style.scss */
  .landing {
    background-color: #0C233F;
    color: white;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: fixed; }

  /* line 4262, /app/app/assets/stylesheets/style.scss */
  .landing-box {
    width: 100%;
    text-align: center; }

  /* line 4267, /app/app/assets/stylesheets/style.scss */
  .landing-header {
    font-size: 35px;
    font-weight: normal;
    line-height: 35px;
    margin-bottom: 0.5em; }

  /* line 4274, /app/app/assets/stylesheets/style.scss */
  .landing-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 2em; }

  	/*CREATING PROFILE
    ================================*/
  /* line 4287, /app/app/assets/stylesheets/style.scss */
  .roles {
    width: 100%; }
    /* line 4290, /app/app/assets/stylesheets/style.scss */
    .roles .role {
      width: 100%; }

  /* line 4294, /app/app/assets/stylesheets/style.scss */
  .wizard {
    position: absolute;
    width: 100%; }
    /* line 4298, /app/app/assets/stylesheets/style.scss */
    .wizard.care-for {
      align-items: center;
      display: flex;
      flex-direction: column;
      height: 90%;
      justify-content: center; }

  /* line 4309, /app/app/assets/stylesheets/style.scss */
  .avatar {
    margin: 5px auto; }
    /* line 4312, /app/app/assets/stylesheets/style.scss */
    .avatar.large {
      background-color: #66ccfb;
      height: 3em;
      width: 3em;
      display: flex;
      font-size: 3em;
      font-weight: 600; }
      /* line 4320, /app/app/assets/stylesheets/style.scss */
      .avatar.large p {
        margin: 0;
        padding: 0;
        font-size: 2em; }
    /* line 4327, /app/app/assets/stylesheets/style.scss */
    .avatar.small {
      position: relative; }
      /* line 4330, /app/app/assets/stylesheets/style.scss */
      .avatar.small p {
        margin: 0;
        padding: 0; }
    /* line 4336, /app/app/assets/stylesheets/style.scss */
    .avatar a {
      height: auto;
      padding-top: 0; }
    /* line 4341, /app/app/assets/stylesheets/style.scss */
    .avatar .avatar-image {
      border-radius: 100%;
      object-fit: cover;
      position: absolute;
      height: 100%;
      width: 100%; }
    /* line 4349, /app/app/assets/stylesheets/style.scss */
    .avatar .remove-care {
      bottom: -15px;
      color: red;
      position: absolute;
      text-shadow: none; }

  	/* DASHBOARD
    ================================ */
  /* line 4360, /app/app/assets/stylesheets/style.scss */
  .dashboard-header {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 20px;
    padding-top: 50px; }
    /* line 4367, /app/app/assets/stylesheets/style.scss */
    .dashboard-header .button-group {
      width: 50%; }
      /* line 4370, /app/app/assets/stylesheets/style.scss */
      .dashboard-header .button-group h2 {
        text-align: left; }

  /* line 4376, /app/app/assets/stylesheets/style.scss */
  .ui-tabs {
    padding: 0.2em 0; }

  /* line 4380, /app/app/assets/stylesheets/style.scss */
  .ui-widget.ui-widget-content {
    border: none; }

  /* line 4384, /app/app/assets/stylesheets/style.scss */
  #dashboard-tabs {
    display: flex;
    flex-direction: column;
    height: 100%; }
    /* line 4389, /app/app/assets/stylesheets/style.scss */
    #dashboard-tabs .tabs-counter {
      background-color: darkred;
      border-radius: 100%;
      color: white;
      display: inline-block;
      font-size: 10px;
      font-weight: 600;
      height: 14px;
      position: absolute;
      right: -2px;
      text-align: center;
      top: -4px;
      width: 14px; }

  /* line 4406, /app/app/assets/stylesheets/style.scss */
  #dashboard-tabs.scroll.ui-widget.ui-widget-content .ui-tabs-nav {
    width: 100%;
    justify-content: space-between; }
    /* line 4410, /app/app/assets/stylesheets/style.scss */
    #dashboard-tabs.scroll.ui-widget.ui-widget-content .ui-tabs-nav li {
      float: none;
      display: inline-block;
      margin: 0 5px; }
  /* line 4417, /app/app/assets/stylesheets/style.scss */
  #dashboard-tabs.scroll.ui-widget.ui-widget-content .ui-tabs-panel {
    flex: 1;
    padding-bottom: 20px; }
  /* line 4422, /app/app/assets/stylesheets/style.scss */
  #dashboard-tabs.scroll.ui-widget.ui-widget-content #medicine-tabs .ui-tabs-nav {
    justify-content: space-evenly; }

  /* line 4427, /app/app/assets/stylesheets/style.scss */
  #dashboard-tabs.ui-widget.ui-widget-content {
    border: none;
    padding: 0;
    padding-top: 5px;
    width: 100%; }
    /* line 4433, /app/app/assets/stylesheets/style.scss */
    #dashboard-tabs.ui-widget.ui-widget-content .ui-tabs-panel {
      padding: 0; }
    /* line 4437, /app/app/assets/stylesheets/style.scss */
    #dashboard-tabs.ui-widget.ui-widget-content .ui-tabs-nav {
      background-color: transparent;
      border-bottom: solid 1px lightgrey;
      border-radius: 0;
      display: flex;
      justify-content: space-evenly;
      padding: 0; }
      /* line 4445, /app/app/assets/stylesheets/style.scss */
      #dashboard-tabs.ui-widget.ui-widget-content .ui-tabs-nav li {
        border: none;
        background-color: transparent;
        margin: 0; }
      /* line 4451, /app/app/assets/stylesheets/style.scss */
      #dashboard-tabs.ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active {
        padding-bottom: 0; }
      /* line 4455, /app/app/assets/stylesheets/style.scss */
      #dashboard-tabs.ui-widget.ui-widget-content .ui-tabs-nav .ui-tabs-anchor {
        border-bottom: solid 2px transparent;
        color: grey;
        font-size: 12px;
        padding: 0 12px;
        padding-bottom: 4px; }
      /* line 4463, /app/app/assets/stylesheets/style.scss */
      #dashboard-tabs.ui-widget.ui-widget-content .ui-tabs-nav .ui-state-active a {
        border-color: #66ccfb;
        color: black;
        font-weight: 600; }
    /* line 4470, /app/app/assets/stylesheets/style.scss */
    #dashboard-tabs.ui-widget.ui-widget-content .dashboard-tab-header {
      display: flex;
      justify-content: space-between;
      padding: 1em;
      padding-top: 2em; }
      /* line 4476, /app/app/assets/stylesheets/style.scss */
      #dashboard-tabs.ui-widget.ui-widget-content .dashboard-tab-header h4 {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px; }
      /* line 4482, /app/app/assets/stylesheets/style.scss */
      #dashboard-tabs.ui-widget.ui-widget-content .dashboard-tab-header .count {
        background-color: lightgrey;
        border-radius: 100%;
        display: inline-block;
        font-size: 11px;
        height: 16px;
        line-height: 16px;
        margin-right: 5px;
        text-align: center;
        width: 16px; }

  /* line 4496, /app/app/assets/stylesheets/style.scss */
  #tabs, #professional-tabs {
    border: none;
    padding: 0;
    width: 100%; }
    /* line 4501, /app/app/assets/stylesheets/style.scss */
    #tabs .ui-tabs-panel, #professional-tabs .ui-tabs-panel {
      padding: 0;
      -ms-overflow-style: none;
      scrollbar-width: none; }
    /* line 4507, /app/app/assets/stylesheets/style.scss */
    #tabs .ui-tabs-panel::-webkit-scrollbar, #professional-tabs .ui-tabs-panel::-webkit-scrollbar {
      display: none; }
    /* line 4511, /app/app/assets/stylesheets/style.scss */
    #tabs .ui-tabs-nav, #professional-tabs .ui-tabs-nav {
      background-color: transparent;
      border-bottom: solid 1px lightgrey;
      border-radius: 0;
      display: flex;
      justify-content: space-evenly;
      padding: 0;
      padding-top: 10px; }
      /* line 4520, /app/app/assets/stylesheets/style.scss */
      #tabs .ui-tabs-nav li, #professional-tabs .ui-tabs-nav li {
        border: none;
        background-color: transparent;
        margin: 0;
        position: relative; }
      /* line 4527, /app/app/assets/stylesheets/style.scss */
      #tabs .ui-tabs-nav li.ui-tabs-active, #professional-tabs .ui-tabs-nav li.ui-tabs-active {
        padding-bottom: 0; }
      /* line 4531, /app/app/assets/stylesheets/style.scss */
      #tabs .ui-tabs-nav .ui-tabs-anchor, #professional-tabs .ui-tabs-nav .ui-tabs-anchor {
        border-bottom: solid 2px transparent;
        color: grey;
        font-size: 12px;
        padding: 0 12px 4px 12px; }
      /* line 4538, /app/app/assets/stylesheets/style.scss */
      #tabs .ui-tabs-nav .ui-state-active a, #professional-tabs .ui-tabs-nav .ui-state-active a {
        border-color: #66ccfb;
        color: black;
        font-weight: 600; }
      /* line 4544, /app/app/assets/stylesheets/style.scss */
      #tabs .ui-tabs-nav .tabs-counter, #professional-tabs .ui-tabs-nav .tabs-counter {
        background-color: darkred;
        border-radius: 100%;
        color: white;
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        height: 14px;
        position: absolute;
        right: -2px;
        text-align: center;
        top: -4px;
        width: 14px; }
    /* line 4560, /app/app/assets/stylesheets/style.scss */
    #tabs .ui-tabs-panel, #professional-tabs .ui-tabs-panel {
      display: flex;
      overflow: scroll;
      padding: 0 0.5em;
      width: 100%; }
      /* line 4566, /app/app/assets/stylesheets/style.scss */
      #tabs .ui-tabs-panel .avatar, #professional-tabs .ui-tabs-panel .avatar {
        border: solid 2px white;
        margin: 1em 0.5em;
        min-width: 4em; }
        /* line 4571, /app/app/assets/stylesheets/style.scss */
        #tabs .ui-tabs-panel .avatar.add, #professional-tabs .ui-tabs-panel .avatar.add {
          background-image: url(blank-profile.png); }
        /* line 4575, /app/app/assets/stylesheets/style.scss */
        #tabs .ui-tabs-panel .avatar.faded, #professional-tabs .ui-tabs-panel .avatar.faded {
          border: dashed 2px black;
          opacity: 0.3; }

  /* line 4583, /app/app/assets/stylesheets/style.scss */
  #dashboard-timeline-tabs.ui-widget.ui-widget-content {
    border: none; }
    /* line 4586, /app/app/assets/stylesheets/style.scss */
    #dashboard-timeline-tabs.ui-widget.ui-widget-content .ui-tabs-nav {
      border: none;
      justify-content: flex-end;
      margin: 1em 0; }
      /* line 4591, /app/app/assets/stylesheets/style.scss */
      #dashboard-timeline-tabs.ui-widget.ui-widget-content .ui-tabs-nav .ui-tabs-anchor {
        border: none;
        margin-right: 10px; }
    /* line 4597, /app/app/assets/stylesheets/style.scss */
    #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline {
      padding-bottom: 80px; }
    /* line 4601, /app/app/assets/stylesheets/style.scss */
    #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month {
      display: flex;
      padding: 0 10px; }
      /* line 4605, /app/app/assets/stylesheets/style.scss */
      #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-month-name {
        width: 3em; }
      /* line 4608, /app/app/assets/stylesheets/style.scss */
      #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month span {
        font-size: 12px; }
      /* line 4612, /app/app/assets/stylesheets/style.scss */
      #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event {
        margin-top: 10px;
        padding-left: 28px;
        position: relative; }
        /* line 4617, /app/app/assets/stylesheets/style.scss */
        #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event.metum span {
          line-height: 12px; }
        /* line 4621, /app/app/assets/stylesheets/style.scss */
        #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot {
          background-color: black;
          border-radius: 100%;
          display: inline-block;
          height: 18px;
          left: 0;
          position: absolute;
          width: 18px; }
          /* line 4630, /app/app/assets/stylesheets/style.scss */
          #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot.blue {
            background-color: #66ccfb; }
          /* line 4634, /app/app/assets/stylesheets/style.scss */
          #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot.lightblue {
            background-color: #97fafc; }
          /* line 4638, /app/app/assets/stylesheets/style.scss */
          #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot.peach {
            background-color: #f8cb9e; }
          /* line 4642, /app/app/assets/stylesheets/style.scss */
          #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot.lightpeach {
            background-color: #fdf0e4; }
          /* line 4646, /app/app/assets/stylesheets/style.scss */
          #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot.green {
            background-color: #beeac3; }
          /* line 4650, /app/app/assets/stylesheets/style.scss */
          #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot.purple {
            background-color: #b3a5e6; }
          /* line 4654, /app/app/assets/stylesheets/style.scss */
          #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event .dot.pink {
            background-color: #f7d0d8; }
        /* line 4659, /app/app/assets/stylesheets/style.scss */
        #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event span {
          display: inline-block;
          line-height: 18px; }
        /* line 4664, /app/app/assets/stylesheets/style.scss */
        #dashboard-timeline-tabs.ui-widget.ui-widget-content .dashboard-timeline-month .dashboard-timeline-event p {
          padding-bottom: 0;
          text-align: left; }

  /* line 4672, /app/app/assets/stylesheets/style.scss */
  .add-care {
    color: white !important;
    position: absolute;
    right: 2.4em;
    top: 0.5em;
    width: 40%; }

  /* line 4680, /app/app/assets/stylesheets/style.scss */
  .appointment-slide {
    background-color: #d7f2f1;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 16px 6px; }
    /* line 4686, /app/app/assets/stylesheets/style.scss */
    .appointment-slide .appointment-slide-inner {
      display: flex; }
    /* line 4690, /app/app/assets/stylesheets/style.scss */
    .appointment-slide .appointment-date {
      background-color: #82a5a4;
      border-radius: 5px;
      text-align: center;
      padding: 6px;
      width: 60px; }
      /* line 4697, /app/app/assets/stylesheets/style.scss */
      .appointment-slide .appointment-date span {
        color: white;
        display: block;
        font-size: 12px;
        padding: 2px 0; }
        /* line 4703, /app/app/assets/stylesheets/style.scss */
        .appointment-slide .appointment-date span.day {
          border-bottom: solid 1px white;
          font-size: 20px; }
    /* line 4710, /app/app/assets/stylesheets/style.scss */
    .appointment-slide .appointment-details {
      flex: 1;
      font-size: 10px;
      margin-left: 5px; }
      /* line 4715, /app/app/assets/stylesheets/style.scss */
      .appointment-slide .appointment-details span {
        display: block;
        padding: 2px; }
    /* line 4721, /app/app/assets/stylesheets/style.scss */
    .appointment-slide .appointment-for {
      margin-left: 4%;
      font-size: 14px;
      text-align: center; }

  /* line 4728, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity-month {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 0;
    margin-left: 16px;
    margin-top: 32px;
    padding-bottom: 0;
    text-align: left; }

  /* line 4739, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity-content {
    align-items: center;
    display: flex;
    justify-content: space-between; }

  /* line 4745, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity-info p {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 0;
    text-align: left; }

  /* line 4753, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine, .dashboard-activity {
    border-radius: 8px;
    margin: 1em 1em 0em 1em;
    padding: 1em; }
    /* line 4758, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicine p, .dashboard-activity p {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 5px;
      padding-bottom: 0;
      text-align: left; }

  /* line 4767, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity {
    background-color: #fdf0e4; }
    /* line 4770, /app/app/assets/stylesheets/style.scss */
    .dashboard-activity.purple {
      background-color: #d5c5eb; }
    /* line 4775, /app/app/assets/stylesheets/style.scss */
    .dashboard-activity.notification span, .dashboard-activity.notification p {
      font-size: 12px; }

  /* line 4781, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity.green {
    background-color: #ddfcc5; }

  /* line 4785, /app/app/assets/stylesheets/style.scss */
  .dashboard-activity.grey {
    background-color: #eee;
    border: solid 1px grey; }

  /* line 4790, /app/app/assets/stylesheets/style.scss */
  .mood-img {
    width: 100px; }
    /* line 4793, /app/app/assets/stylesheets/style.scss */
    .mood-img.full {
      width: 50%; }

  /* line 4798, /app/app/assets/stylesheets/style.scss */
  .mood-img img {
    transform: rotateY(180deg);
    width: 100%; }

  /* line 4803, /app/app/assets/stylesheets/style.scss */
  .mood-line {
    border-bottom: solid 2px #66ccfb;
    margin-bottom: 0;
    position: relative;
    width: 16px; }
    /* line 4809, /app/app/assets/stylesheets/style.scss */
    .mood-line.full {
      width: 16%; }

  /* line 4814, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine {
    background-color: #d9ebfe; }

  /* line 4818, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-header {
    color: #808080;
    display: flex;
    font-size: 12px;
    justify-content: space-between; }

  /* line 4825, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-header a {
    color: black;
    font-weight: 600; }

  /* line 4830, /app/app/assets/stylesheets/style.scss */
  p.dashboard-medicine-header {
    margin-bottom: 0; }

  /* line 4834, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-name, .dashboard-activity-name {
    color: black;
    font-size: 16px;
    font-weight: 600;
    margin: 0.5em 0;
    padding-bottom: 0;
    text-align: left; }
    /* line 4842, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicine-name p, .dashboard-activity-name p {
      margin-bottom: 0;
      padding-bottom: 0;
      text-align: left; }
      /* line 4847, /app/app/assets/stylesheets/style.scss */
      .dashboard-medicine-name p small, .dashboard-activity-name p small {
        font-weight: 400; }
    /* line 4852, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicine-name i, .dashboard-activity-name i {
      border: solid 1px black;
      border-radius: 20px;
      font-size: 12px;
      margin-left: 5px;
      padding: 2px; }

  /* line 4861, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-time {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px; }

  /* line 4867, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-time p {
    border-bottom: solid 2px #66ccfb;
    color: #808080;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-right: 10px;
    opacity: 0.2;
    padding: 0 2px; }

  /* line 4878, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicine-time p.active {
    opacity: 1; }

  /* line 4882, /app/app/assets/stylesheets/style.scss */
  .quick-slide {
    background-color: #fdf0e4;
    border-radius: 5px;
    padding: 16px 6px; }
    /* line 4887, /app/app/assets/stylesheets/style.scss */
    .quick-slide h2 {
      font-weight: bold; }

  /* line 4892, /app/app/assets/stylesheets/style.scss */
  .dashboard-medicines {
    display: flex;
    justify-content: space-evenly;
    text-align: center; }
    /* line 4897, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicines .dashboard-medicines-col {
      width: 20%; }
    /* line 4901, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicines .medicines-count {
      border-bottom: solid 2px #66ccfb;
      display: block;
      font-size: 3em;
      font-weight: 600;
      margin-bottom: 5px; }
    /* line 4909, /app/app/assets/stylesheets/style.scss */
    .dashboard-medicines .medicines-time {
      font-size: 12px; }

  /* line 4916, /app/app/assets/stylesheets/style.scss */
  .header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%; }

  /* line 4924, /app/app/assets/stylesheets/style.scss */
  .categories-box {
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    /* line 4930, /app/app/assets/stylesheets/style.scss */
    .categories-box .category {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40%;
      margin: 2em auto; }

  /* line 4939, /app/app/assets/stylesheets/style.scss */
  .contact-book {
    display: flex;
    flex-direction: column;
    height: 100%; }
    /* line 4944, /app/app/assets/stylesheets/style.scss */
    .contact-book #tabs {
      flex: 1; }
    /* line 4948, /app/app/assets/stylesheets/style.scss */
    .contact-book h2 {
      margin: 0.5em 0; }

  /* line 4953, /app/app/assets/stylesheets/style.scss */
  .professional-categories, .recommended-professional-categories {
    display: block;
    padding: 10px; }
    /* line 4957, /app/app/assets/stylesheets/style.scss */
    .professional-categories a, .recommended-professional-categories a {
      border: solid 1px #d3edf9;
      border-radius: 10px;
      width: 46%;
      font-size: 10px;
      background: aliceblue;
      display: block;
      float: left;
      height: 100px;
      padding: 8px;
      margin: 2%;
      text-align: center; }
      /* line 4970, /app/app/assets/stylesheets/style.scss */
      .professional-categories a img, .recommended-professional-categories a img {
        display: block;
        margin: 0 auto 10px auto;
        height: 75%; }

  /* line 4978, /app/app/assets/stylesheets/style.scss */
  .professional-category, .recommended-professional-category {
    display: none;
    margin: auto;
    width: 90%; }

  /* line 4984, /app/app/assets/stylesheets/style.scss */
  .professional-category-back, .recommended-professional-category-back {
    display: block;
    font-size: 2em;
    margin-bottom: 20px; }

  /* line 4991, /app/app/assets/stylesheets/style.scss */
  .professional .row {
    border-bottom: solid 1px grey;
    padding: 0.5em 0; }
    /* line 4994, /app/app/assets/stylesheets/style.scss */
    .professional .row .title {
      color: lightgrey; }
    /* line 4997, /app/app/assets/stylesheets/style.scss */
    .professional .row .col {
      text-align: left; }

  /* line 5003, /app/app/assets/stylesheets/style.scss */
  .professionals {
    width: 90%;
    margin: auto;
    text-align: left;
    display: block; }
    /* line 5008, /app/app/assets/stylesheets/style.scss */
    .professionals .title {
      text-align: left;
      margin: 0;
      color: lightgrey;
      padding: 0; }
    /* line 5014, /app/app/assets/stylesheets/style.scss */
    .professionals .professional-links {
      float: right; }

  /* line 5019, /app/app/assets/stylesheets/style.scss */
  .professional-info {
    margin-bottom: 25px; }
    /* line 5022, /app/app/assets/stylesheets/style.scss */
    .professional-info h4 {
      margin-bottom: 10px; }
    /* line 5025, /app/app/assets/stylesheets/style.scss */
    .professional-info p {
      margin: 0;
      padding: 0;
      text-align: left; }

  	/* PROFILE
    ================================*/
  /* line 5036, /app/app/assets/stylesheets/style.scss */
  .profile-body {
    margin: 20px auto;
    width: 90%; }
    /* line 5040, /app/app/assets/stylesheets/style.scss */
    .profile-body input#user_healthcard_attributes_photo {
      margin-bottom: 0;
      margin-top: 0; }
    /* line 5045, /app/app/assets/stylesheets/style.scss */
    .profile-body h2, .profile-body p {
      text-align: left; }
    /* line 5049, /app/app/assets/stylesheets/style.scss */
    .profile-body p {
      margin-bottom: 0; }

  /* line 5054, /app/app/assets/stylesheets/style.scss */
  .square-card {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 100%; }
    /* line 5061, /app/app/assets/stylesheets/style.scss */
    .square-card.breadcrumbs a {
      display: inline-block; }
    /* line 5065, /app/app/assets/stylesheets/style.scss */
    .square-card.blue {
      background-color: #d9ebfe;
      border: solid 1px #47a1ff; }
    /* line 5070, /app/app/assets/stylesheets/style.scss */
    .square-card.lightpeach {
      background-color: #fdf0e4;
      border: solid 1px #ffb773; }
    /* line 5075, /app/app/assets/stylesheets/style.scss */
    .square-card.grey {
      background-color: #eee;
      border: solid 1px #aaa; }
    /* line 5080, /app/app/assets/stylesheets/style.scss */
    .square-card a {
      display: flex;
      justify-content: space-between; }
      /* line 5084, /app/app/assets/stylesheets/style.scss */
      .square-card a.contact-link {
        justify-content: flex-start; }
    /* line 5089, /app/app/assets/stylesheets/style.scss */
    .square-card ol {
      list-style: decimal;
      padding: 0 16px; }
    /* line 5094, /app/app/assets/stylesheets/style.scss */
    .square-card ol > li:before, .square-card ol > li::marker {
      font-size: 14px;
      font-weight: 600; }
    /* line 5099, /app/app/assets/stylesheets/style.scss */
    .square-card li {
      padding-top: 8px; }
    /* line 5103, /app/app/assets/stylesheets/style.scss */
    .square-card h2 {
      font-size: 24px;
      font-weight: 600;
      line-height: 28px;
      text-align: left; }
    /* line 5110, /app/app/assets/stylesheets/style.scss */
    .square-card p {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 5px;
      padding-bottom: 0;
      text-align: left; }
      /* line 5117, /app/app/assets/stylesheets/style.scss */
      .square-card p.profile-header {
        margin-bottom: 0; }
    /* line 5122, /app/app/assets/stylesheets/style.scss */
    .square-card details > summary {
      list-style: none; }
    /* line 5125, /app/app/assets/stylesheets/style.scss */
    .square-card details > summary::-webkit-details-marker {
      display: none; }
    /* line 5129, /app/app/assets/stylesheets/style.scss */
    .square-card input[type="checkbox"] {
      margin-right: 5px;
      vertical-align: middle; }
    /* line 5134, /app/app/assets/stylesheets/style.scss */
    .square-card img {
      max-width: 100%;
      padding-top: 10px; }
    /* line 5139, /app/app/assets/stylesheets/style.scss */
    .square-card .edit {
      font-size: 14px;
      font-weight: 600;
      position: absolute;
      right: 10px;
      top: 10px; }
    /* line 5147, /app/app/assets/stylesheets/style.scss */
    .square-card .badge-counter {
      background-color: #9a2833;
      border-radius: 30px;
      color: white;
      display: inline-block;
      font-size: 11px;
      line-height: 15px;
      text-align: center;
      vertical-align: bottom;
      width: 15px; }
    /* line 5159, /app/app/assets/stylesheets/style.scss */
    .square-card .result-image {
      margin-bottom: 10px;
      max-width: 100%; }

  	/* LOGIN PAGE
    ================================ */
  /* line 5170, /app/app/assets/stylesheets/style.scss */
  p.square {
    border: solid 1.5px #bbb;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 10px;
    text-align: left; }

  /* line 5178, /app/app/assets/stylesheets/style.scss */
  .simple_form {
    width: 100%; }
    /* line 5181, /app/app/assets/stylesheets/style.scss */
    .simple_form.new_user {
      position: relative; }

  /* line 5186, /app/app/assets/stylesheets/style.scss */
  .input-box {
    text-align: center;
    width: 90%;
    margin: 0 auto; }

  /* line 5192, /app/app/assets/stylesheets/style.scss */
  .user-links {
    font-size: 1em;
    margin: 0.5em; }

  /* line 5197, /app/app/assets/stylesheets/style.scss */
  #page .roleWrap {
    display: flex;
    justify-content: center;
    align-items: center; }

  /* line 5203, /app/app/assets/stylesheets/style.scss */
  #page .roleWrap .role {
    width: 40%;
    padding: 6% 4%;
    margin: 5%; }

  /* line 5209, /app/app/assets/stylesheets/style.scss */
  .notice, .alert {
    max-width: 500px;
    position: fixed;
    top: 0;
    z-index: 1; }

  /* line 5216, /app/app/assets/stylesheets/style.scss */
  input[type="checkbox"] {
    width: auto; }

  /* USER MEDICINE */
  /* line 5222, /app/app/assets/stylesheets/style.scss */
  .user-medicine-wrapper {
    display: flex;
    justify-content: space-between; }
    /* line 5226, /app/app/assets/stylesheets/style.scss */
    .user-medicine-wrapper .user-medicine-info {
      width: 63%; }
      /* line 5229, /app/app/assets/stylesheets/style.scss */
      .user-medicine-wrapper .user-medicine-info.full {
        width: 100%; }
      /* line 5233, /app/app/assets/stylesheets/style.scss */
      .user-medicine-wrapper .user-medicine-info h3 {
        font-size: 18px;
        margin-bottom: 10px; }
      /* line 5238, /app/app/assets/stylesheets/style.scss */
      .user-medicine-wrapper .user-medicine-info span {
        color: #777;
        display: block;
        font-size: 14px;
        margin-bottom: 5px; }
      /* line 5245, /app/app/assets/stylesheets/style.scss */
      .user-medicine-wrapper .user-medicine-info p {
        font-size: 12px; }
    /* line 5250, /app/app/assets/stylesheets/style.scss */
    .user-medicine-wrapper .user-medicine-days {
      width: 35%; }

  	/* FOOTER
    ================================ */
  /* line 5258, /app/app/assets/stylesheets/style.scss */
  footer {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    padding: 0;
    background-color: darkgrey;
    color: white;
    z-index: 2; }

  /* line 5272, /app/app/assets/stylesheets/style.scss */
  .footer-col {
    align-items: center;
    border-style: solid;
    border-width: 0 1px 0 0;
    display: flex;
    height: 80%;
    justify-content: center;
    width: 33%; }
    /* line 5281, /app/app/assets/stylesheets/style.scss */
    .footer-col:last-child {
      border: none; }
    /* line 5285, /app/app/assets/stylesheets/style.scss */
    .footer-col a {
      color: white; }

  /* line 5290, /app/app/assets/stylesheets/style.scss */
  .footer-spacer {
    height: 7%; }

  	/* APPOINTMENTS
    ============================= */
  /* line 5296, /app/app/assets/stylesheets/style.scss */
  .appointment {
    background-color: lightgrey;
    padding: 0.5em; }

  /* line 5301, /app/app/assets/stylesheets/style.scss */
  .appointments {
    margin: 0 auto;
    width: 90%;
    text-align: center; }

  /* line 5307, /app/app/assets/stylesheets/style.scss */
  .appt-dot {
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    margin: auto;
    background-color: black;
    display: block;
    position: absolute; }

  /* line 5317, /app/app/assets/stylesheets/style.scss */
  .select-time {
    width: 30%; }
    /* line 5319, /app/app/assets/stylesheets/style.scss */
    .select-time.left {
      margin: 0 2% 0 auto; }
    /* line 5322, /app/app/assets/stylesheets/style.scss */
    .select-time.right {
      margin: 0 auto 0 2%; }

  /* line 5327, /app/app/assets/stylesheets/style.scss */
  .simple-calendar {
    margin-top: 1em; }

  /* line 5331, /app/app/assets/stylesheets/style.scss */
  .simple-calendar .day {
    height: 3em;
    position: relative;
    text-align: center; }

  /* line 5337, /app/app/assets/stylesheets/style.scss */
  .simple-calendar .today {
    background: #66ccfb; }

  /* MEDICATION
  ============================= */
  /* line 5344, /app/app/assets/stylesheets/style.scss */
  .medicine-notes {
    height: 3em;
    padding: 0.5em;
    margin-bottom: 0.5em;
    border: 1px solid lightgrey; }

  	/* TIMELINE 
    ============================== */
  /* line 5353, /app/app/assets/stylesheets/style.scss */
  .timeline-tabs {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 90%; }
    /* line 5358, /app/app/assets/stylesheets/style.scss */
    .timeline-tabs a {
      background-color: #8ED0BB;
      color: white;
      padding: 0.3em; }
      /* line 5363, /app/app/assets/stylesheets/style.scss */
      .timeline-tabs a.active {
        background-color: #0C233F; }

  /* line 5369, /app/app/assets/stylesheets/style.scss */
  .timeline-container {
    height: 66%;
    margin: auto;
    overflow: scroll;
    padding: 2em 0;
    width: 90%; }
    /* line 5376, /app/app/assets/stylesheets/style.scss */
    .timeline-container.full {
      height: 100%; }
    /* line 5380, /app/app/assets/stylesheets/style.scss */
    .timeline-container .event-info {
      margin-bottom: 1em; }
      /* line 5383, /app/app/assets/stylesheets/style.scss */
      .timeline-container .event-info span {
        display: block; }
    /* line 5388, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-event {
      border-left: solid 5px black;
      margin-bottom: 10px; }
      /* line 5391, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-event p, .timeline-container .timeline-event ul {
        margin: 0;
        padding: 0;
        padding-left: 5px;
        text-align: left; }
    /* line 5399, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-month {
      text-align: left; }
    /* line 5403, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-date {
      display: flex; }
      /* line 5406, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-date p {
        flex: 1;
        padding-right: 2em;
        padding-top: 0.5em;
        position: relative;
        text-align: right;
        white-space: pre-line; }
        /* line 5414, /app/app/assets/stylesheets/style.scss */
        .timeline-container .timeline-date p::before {
          content: '';
          background-color: black;
          border-radius: 1.2em;
          display: inline-block;
          height: 1.2em;
          position: absolute;
          right: -0.7em;
          width: 1.2em; }
    /* line 5427, /app/app/assets/stylesheets/style.scss */
    .timeline-container .timeline-events {
      border-left: solid 0.2em black;
      padding-top: 0.5em;
      padding-left: 2em;
      flex: 3; }
      /* line 5433, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-events .event-info {
        padding-bottom: 0.5em;
        padding-left: 1em; }
      /* line 5438, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-events h3 {
        font-size: 1.2em;
        font-weight: normal;
        padding-bottom: 0.2em; }
      /* line 5444, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-events span {
        display: block; }
      /* line 5448, /app/app/assets/stylesheets/style.scss */
      .timeline-container .timeline-events ul {
        padding-bottom: 0.5em; }
        /* line 5451, /app/app/assets/stylesheets/style.scss */
        .timeline-container .timeline-events ul li {
          list-style: disc;
          list-style-position: inside;
          margin-left: 1em; }
    /* line 5459, /app/app/assets/stylesheets/style.scss */
    .timeline-container img {
      margin: 1em 0;
      width: 100%; }

  /* line 5465, /app/app/assets/stylesheets/style.scss */
  .timeline-body {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px; }
    /* line 5470, /app/app/assets/stylesheets/style.scss */
    .timeline-body .row {
      justify-content: space-between; }
      /* line 5473, /app/app/assets/stylesheets/style.scss */
      .timeline-body .row .btn {
        height: 7em;
        text-align: center;
        width: 45%; }

  /* line 5481, /app/app/assets/stylesheets/style.scss */
  .timeline-title {
    font-size: 2em;
    margin: 1em 0; }

  /* line 5486, /app/app/assets/stylesheets/style.scss */
  .metum-tabs {
    border: none; }
    /* line 5489, /app/app/assets/stylesheets/style.scss */
    .metum-tabs .ui-tabs-nav {
      border: none;
      justify-content: flex-end;
      margin: 1em 0; }
      /* line 5494, /app/app/assets/stylesheets/style.scss */
      .metum-tabs .ui-tabs-nav .ui-tabs-anchor {
        border: none;
        margin-right: 10px; }
    /* line 5500, /app/app/assets/stylesheets/style.scss */
    .metum-tabs .dashboard-timeline-month {
      display: flex;
      padding: 0 10px; }
      /* line 5504, /app/app/assets/stylesheets/style.scss */
      .metum-tabs .dashboard-timeline-month .dashboard-timeline-month-name {
        width: 3em; }
      /* line 5507, /app/app/assets/stylesheets/style.scss */
      .metum-tabs .dashboard-timeline-month span {
        font-size: 12px; }
      /* line 5511, /app/app/assets/stylesheets/style.scss */
      .metum-tabs .dashboard-timeline-month .dashboard-timeline-event {
        margin: 10px 0;
        padding-left: 28px;
        position: relative; }
        /* line 5516, /app/app/assets/stylesheets/style.scss */
        .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dashboard-medicine-time {
          position: absolute;
          right: 0; }
        /* line 5521, /app/app/assets/stylesheets/style.scss */
        .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .delete-metum {
          border: solid 1px darkred;
          border-radius: 18px;
          color: darkred;
          font-size: 14px;
          line-height: 18px;
          position: absolute;
          right: 10px;
          text-align: center;
          width: 20px; }
          /* line 5532, /app/app/assets/stylesheets/style.scss */
          .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .delete-metum.delete-medicine {
            top: 20px; }
        /* line 5537, /app/app/assets/stylesheets/style.scss */
        .metum-tabs .dashboard-timeline-month .dashboard-timeline-event.metum span {
          line-height: 12px; }
        /* line 5541, /app/app/assets/stylesheets/style.scss */
        .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dot {
          background-color: black;
          border-radius: 100%;
          display: inline-block;
          height: 18px;
          left: 0;
          position: absolute;
          width: 18px; }
          /* line 5550, /app/app/assets/stylesheets/style.scss */
          .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dot.blue {
            background-color: #66ccfb; }
          /* line 5554, /app/app/assets/stylesheets/style.scss */
          .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dot.lightblue {
            background-color: #97fafc; }
          /* line 5558, /app/app/assets/stylesheets/style.scss */
          .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dot.peach {
            background-color: #f8cb9e; }
          /* line 5562, /app/app/assets/stylesheets/style.scss */
          .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dot.lightpeach {
            background-color: #fdf0e4; }
          /* line 5566, /app/app/assets/stylesheets/style.scss */
          .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dot.purple {
            background-color: #b3a5e6; }
          /* line 5570, /app/app/assets/stylesheets/style.scss */
          .metum-tabs .dashboard-timeline-month .dashboard-timeline-event .dot.pink {
            background-color: #f7d0d8; }
        /* line 5575, /app/app/assets/stylesheets/style.scss */
        .metum-tabs .dashboard-timeline-month .dashboard-timeline-event span {
          display: inline-block;
          line-height: 18px; }
        /* line 5580, /app/app/assets/stylesheets/style.scss */
        .metum-tabs .dashboard-timeline-month .dashboard-timeline-event p {
          margin-bottom: 10px;
          padding-bottom: 0;
          text-align: left; }

  /* line 5591, /app/app/assets/stylesheets/style.scss */
  .members-body {
    padding: 1em 0; }
    /* line 5594, /app/app/assets/stylesheets/style.scss */
    .members-body #add-user {
      display: block;
      text-align: center; }
    /* line 5599, /app/app/assets/stylesheets/style.scss */
    .members-body #member-result {
      display: flex;
      justify-content: center;
      padding-top: 1em; }
    /* line 5605, /app/app/assets/stylesheets/style.scss */
    .members-body .btn {
      width: 100%; }

  /* line 5610, /app/app/assets/stylesheets/style.scss */
  .timeline-header {
    display: flex;
    justify-content: space-between;
    margin: 0 1em; }

  /* line 5618, /app/app/assets/stylesheets/style.scss */
  .content-body {
    margin: auto;
    padding-top: 40px;
    width: 90%; }
    /* line 5623, /app/app/assets/stylesheets/style.scss */
    .content-body div {
      margin-bottom: 1em; }
    /* line 5627, /app/app/assets/stylesheets/style.scss */
    .content-body li {
      margin-left: 1em; }

  /* line 5632, /app/app/assets/stylesheets/style.scss */
  .mobile-overlay, .mobile-menu, .profile-menu, footer {
    max-width: 500px; }

  /* line 5636, /app/app/assets/stylesheets/style.scss */
  #chart_container {
    width: 100% !important; } }
@media only screen and (min-width: 481px) and (max-width: 1000px) {
  /* line 5642, /app/app/assets/stylesheets/style.scss */
  .members {
    grid-template-columns: 50% 50%; } }
@media only screen and (min-width: 1000px) {
  /* line 5648, /app/app/assets/stylesheets/style.scss */
  .add-resource-overlay .add-resource-form {
    padding: 5%; } }
@media only screen and (max-height: 600px) {
  /* line 5654, /app/app/assets/stylesheets/style.scss */
  .dashboard-header {
    height: 35%; } }