/* line 3, static/sass/style.scss */
html, body {
  font-family: sans-serif;
  background-color: #f2f2f2;
  height: 100%; }

/* line 9, static/sass/style.scss */
aside {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); }
  /* line 11, static/sass/style.scss */
  aside#menu {
    background-color: white;
    border-radius: 0; }

/* line 18, static/sass/style.scss */
section.main-content {
  min-height: 100%;
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }

@media screen and (min-width: 600px) {
  /* line 26, static/sass/style.scss */
  div.container {
    padding: 2.5rem; } }

/* line 33, static/sass/style.scss */
nav.breadcrumb {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
  padding: .75rem; }
  /* line 41, static/sass/style.scss */
  nav.breadcrumb ul {
    margin-left: 1rem; }
  /* line 44, static/sass/style.scss */
  nav.breadcrumb a {
    color: #105e66; }

/* line 50, static/sass/style.scss */
.required {
  font-weight: bolder; }
  /* line 52, static/sass/style.scss */
  .required:after {
    content: ' *'; }

/* line 57, static/sass/style.scss */
time {
  color: gray; }

/* line 61, static/sass/style.scss */
.btn-new {
  border-radius: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.2rem;
  font-weight: bold; }
  @media screen and (max-width: 768px) {
    /* line 61, static/sass/style.scss */
    .btn-new {
      bottom: 5rem; } }
/* line 76, static/sass/style.scss */
.card.clickable {
  cursor: pointer;
  border-left: 4px solid transparent; }
  /* line 80, static/sass/style.scss */
  .card.clickable:hover .arrow {
    box-shadow: 0 0 8px rgba(33, 33, 33, 0.5); }

/* line 88, static/sass/style.scss */
tr.clickable {
  cursor: pointer; }
  /* line 90, static/sass/style.scss */
  tr.clickable:hover {
    background-color: #f5f5f5; }

/* line 96, static/sass/style.scss */
section {
  padding-top: 0.5rem; }
  /* line 98, static/sass/style.scss */
  section.main-content {
    overflow: scroll;
    max-height: 100%; }

@media only screen and (max-width: 600px) {
  /* line 107, static/sass/style.scss */
  .navbar .navbar-brand .logo {
    width: 100%; }
    /* line 110, static/sass/style.scss */
    .navbar .navbar-brand .logo .navbar-item.logo {
      position: absolute;
      top: 0;
      left: 0; }
      /* line 114, static/sass/style.scss */
      .navbar .navbar-brand .logo .navbar-item.logo img {
        margin: 0 auto; }
    /* line 118, static/sass/style.scss */
    .navbar .navbar-brand .logo .navbar-item.back {
      display: inline-block;
      margin-top: 0.5rem; } }

@media only screen and (min-width: 600px) {
  /* line 130, static/sass/style.scss */
  .navbar .logo .back {
    display: none; } }

/* line 137, static/sass/style.scss */
.navigation_tabs {
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: -1em 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  background: white; }
  /* line 146, static/sass/style.scss */
  .navigation_tabs ul {
    border: none;
    max-width: 100%; }
    /* line 149, static/sass/style.scss */
    .navigation_tabs ul li {
      width: 33.33%;
      white-space: normal; }
      /* line 152, static/sass/style.scss */
      .navigation_tabs ul li a {
        border-bottom-width: 4px;
        display: block;
        text-align: center; }
        /* line 156, static/sass/style.scss */
        .navigation_tabs ul li a .text {
          font-size: small; }

/* line 165, static/sass/style.scss */
.section.list {
  margin-bottom: 2rem; }

/* line 170, static/sass/style.scss */
.top-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0; }

/* line 178, static/sass/style.scss */
.button.is-success, .button.is-primary {
  background-color: #105e66;
  color: white; }
  /* line 181, static/sass/style.scss */
  .button.is-success:hover, .button.is-primary:hover {
    background-color: #005356; }

/* line 187, static/sass/style.scss */
.is-primary {
  background-color: #105e66; }

/* line 192, static/sass/style.scss */
.tabs.navigation_tabs {
  margin-bottom: 0; }
  /* line 197, static/sass/style.scss */
  .tabs.navigation_tabs ul li.is-active a {
    border-bottom-color: #105e66;
    color: #105e66; }
  /* line 203, static/sass/style.scss */
  .tabs.navigation_tabs ul li:hover a {
    color: #005356;
    border-bottom-color: #005356; }

/* line 213, static/sass/style.scss */
.section {
  padding: 0;
  border-radius: 2rem; }
  /* line 216, static/sass/style.scss */
  .section.list {
    margin-bottom: 5rem; }
    /* line 218, static/sass/style.scss */
    .section.list .card:last-of-type {
      border-bottom: none; }
    /* line 221, static/sass/style.scss */
    .section.list.edit {
      margin-bottom: 4rem;
      padding-bottom: 2rem; }

/* line 229, static/sass/style.scss */
.section .arrow {
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: calc(50% - 1rem);
  right: 1rem;
  border-radius: 1rem;
  background-color: #105e66;
  line-height: 2rem;
  color: white; }

/* line 241, static/sass/style.scss */
.section .card {
  border-radius: 1rem; }
  /* line 243, static/sass/style.scss */
  .section .card form {
    padding-top: 1rem; }
  /* line 246, static/sass/style.scss */
  .section .card div {
    box-shadow: none; }
  /* line 249, static/sass/style.scss */
  .section .card .card-content {
    padding-top: 0;
    color: #105e66;
    padding-top: 1rem; }
    /* line 254, static/sass/style.scss */
    .section .card .card-content .location, .section .card .card-content .involvement_position {
      font-size: medium;
      color: #105e66;
      font-weight: bold; }
      /* line 258, static/sass/style.scss */
      .section .card .card-content .location i, .section .card .card-content .involvement_position i {
        margin-right: 0.5rem;
        width: 1.5rem; }
  /* line 265, static/sass/style.scss */
  .section .card .card-footer a {
    color: #105e66; }
    /* line 267, static/sass/style.scss */
    .section .card .card-footer a:hover {
      color: #1b4d5a; }

/* line 273, static/sass/style.scss */
.section h2 {
  padding: 1rem 0; }

/* line 279, static/sass/style.scss */
.button-grid {
  width: 15rem;
  height: auto;
  margin: 0 auto;
  margin-top: 3vh; }
  @media (min-width: 801px) {
    /* line 279, static/sass/style.scss */
    .button-grid {
      width: 50%;
      margin-top: 3rem; } }
  /* line 288, static/sass/style.scss */
  .button-grid .columns {
    margin: 0.5rem 0;
    height: 7rem; }
    /* line 291, static/sass/style.scss */
    .button-grid .columns .column {
      padding: 0; }
      /* line 293, static/sass/style.scss */
      .button-grid .columns .column a {
        text-align: center;
        height: 100%;
        width: 7rem;
        margin: 0 0.5rem;
        border-radius: 0.5rem;
        padding-top: 30%;
        font-size: small; }
        @media (min-width: 801px) {
          /* line 293, static/sass/style.scss */
          .button-grid .columns .column a {
            width: 90%;
            font-size: large;
            padding-top: 10%;
            display: block; }
            /* line 306, static/sass/style.scss */
            .button-grid .columns .column a div {
              text-align: center;
              width: 100%; } }
/* line 316, static/sass/style.scss */
.carousel {
  margin-top: 5vh;
  max-height: 100px;
  min-width: auto; }
  @media (min-width: 801px) {
    /* line 316, static/sass/style.scss */
    .carousel {
      margin-top: 6rem; } }
  /* line 323, static/sass/style.scss */
  .carousel div {
    text-align: center; }
    /* line 325, static/sass/style.scss */
    .carousel div img {
      max-height: 100px; }

/* line 331, static/sass/style.scss */
.container {
  overflow-x: hidden;
  overflow-y: scroll; }
  /* line 334, static/sass/style.scss */
  .container .logo {
    text-align: center; }
    /* line 336, static/sass/style.scss */
    .container .logo img {
      margin-top: 0.5rem;
      max-height: 9rem; }

/* line 343, static/sass/style.scss */
.slider-navigation-previous,
.slider-navigation-next {
  display: none; }

/* line 348, static/sass/style.scss */
.footer-legend {
  font-size: 5pt;
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center; }

/* line 358, static/sass/style.scss */
.disabled-text :disabled,
.disabled-text .select select[disabled] {
  background-color: transparent;
  color: black;
  border: none; }

/* line 366, static/sass/style.scss */
.disabled-text .select:not(.is-multiple):not(.is-loading)::after {
  display: none;
  border: none; }

/* line 379, static/sass/style.scss */
.select2-selection {
  min-height: 40px; }

/* line 383, static/sass/style.scss */
.select2-selection__arrow {
  display: none; }

/* line 387, static/sass/style.scss */
.severity, .statin_recommendation {
  font-size: large;
  background-color: darkblue;
  color: white;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: bold;
  margin-left: 0.5rem; }
  /* line 395, static/sass/style.scss */
  .severity._L, .severity._G, .statin_recommendation._L, .statin_recommendation._G {
    background-color: green; }
  /* line 398, static/sass/style.scss */
  .severity._M, .severity._Y, .statin_recommendation._M, .statin_recommendation._Y {
    background-color: yellow;
    color: black; }
  /* line 402, static/sass/style.scss */
  .severity._H, .statin_recommendation._H {
    background-color: orange;
    color: black; }
  /* line 406, static/sass/style.scss */
  .severity._V, .severity._R, .statin_recommendation._V, .statin_recommendation._R {
    background-color: red; }
  /* line 409, static/sass/style.scss */
  .severity._W, .statin_recommendation._W {
    background-color: #cccccc;
    color: black; }

/* line 415, static/sass/style.scss */
.select {
  width: 100%; }

/* line 418, static/sass/style.scss */
select {
  width: 100%; }

/* line 422, static/sass/style.scss */
.select2-container {
  min-width: 100% !important; }

/* line 426, static/sass/style.scss */
img.speed {
  height: 4rem; }

/* line 430, static/sass/style.scss */
.speed-text {
  line-height: 4rem; }

/* line 435, static/sass/style.scss */
.statins-table-wrapper {
  margin: 1rem 0; }

/* line 439, static/sass/style.scss */
.statins-table-wrapper h4 {
  margin-bottom: 1rem;
  font-weight: bold; }

/* line 444, static/sass/style.scss */
.statins-table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem; }

/* line 450, static/sass/style.scss */
.statins-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
  min-width: 800px; }

/* line 457, static/sass/style.scss */
.statins-table th,
.statins-table td {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: middle; }

/* line 465, static/sass/style.scss */
.statins-table th {
  font-weight: bold;
  color: white;
  font-size: 0.8rem; }

/* line 471, static/sass/style.scss */
.statins-table .header-label {
  background-color: white;
  border: none; }

/* line 476, static/sass/style.scss */
.statins-table .row-label {
  font-weight: bold;
  text-align: left;
  background-color: #f5f5f5;
  white-space: nowrap; }

/* line 483, static/sass/style.scss */
.statins-table td > div {
  margin: 0.1rem 0;
  font-size: 0.75rem; }

/* Color coding for reduction percentages */
/* line 489, static/sass/style.scss */
.reduction-20-25 {
  background-color: #e8e8e8;
  color: black !important; }

/* line 490, static/sass/style.scss */
.reduction-26-39 {
  background-color: #b8b8b8;
  color: black !important; }

/* line 491, static/sass/style.scss */
.reduction-40-49 {
  background-color: #6db4e8; }

/* line 492, static/sass/style.scss */
.reduction-50-59 {
  background-color: #5ba3d0; }

/* line 493, static/sass/style.scss */
.reduction-60-69 {
  background-color: #f4c542; }

/* line 494, static/sass/style.scss */
.reduction-70-75 {
  background-color: #7cb342; }

/* line 495, static/sass/style.scss */
.reduction-80 {
  background-color: #e91e63; }

/* line 496, static/sass/style.scss */
.reduction-80-85 {
  background-color: #d32f2f; }

/* line 497, static/sass/style.scss */
.reduction-85 {
  background-color: #c62828; }

/* line 498, static/sass/style.scss */
.reduction-over-85 {
  background-color: #000000;
  color: white; }

/* line 500, static/sass/style.scss */
.statins-table-note {
  font-size: 0.8rem;
  margin-top: 0.5rem; }

/* line 505, static/sass/style.scss */
.statins-table-note p {
  margin: 0.25rem 0; }

/* Mobile responsive adjustments */
@media screen and (max-width: 768px) {
  /* line 511, static/sass/style.scss */
  .statins-table {
    font-size: 0.7rem;
    min-width: 600px; }
  /* line 516, static/sass/style.scss */
  .statins-table th,
  .statins-table td {
    padding: 0.3rem; }
  /* line 521, static/sass/style.scss */
  .statins-table td > div {
    font-size: 0.65rem; }
  /* line 525, static/sass/style.scss */
  .statins-table-note {
    font-size: 0.7rem; } }

@media screen and (max-width: 480px) {
  /* line 531, static/sass/style.scss */
  .statins-table {
    font-size: 0.6rem; }
  /* line 535, static/sass/style.scss */
  .statins-table th,
  .statins-table td {
    padding: 0.2rem; }
  /* line 540, static/sass/style.scss */
  .statins-table td > div {
    font-size: 0.6rem; } }