/*

$alert: #do021b;
$faded: #f0f0f0;
$grey: #b1b3b1;
$white: #fff;
*/
html {
  font-size: 16px;
}

html,
body {
  background: #d0ebfb;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: "Source Sans Pro", sans-serif;
  margin: 0;
}

h1,
h2,
h3 {
  font-family: "Source Serif Pro", sans-serif;
  color: #3b3b3b;
  line-height: 1;
}

p {
  color: #3b3b3b;
  margin-bottom: 30px;
}

.words-to-say {
  font-style: italic;
}

a {
  color: #607729;
  text-decoration: none;
}
a:hover {
  color: #607729;
  text-decoration: underline;
}

.list-inline .list-inline-item a {
  text-decoration: none;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5em;
}
.list-inline .list-inline-item a:hover {
  background-color: #e9efe1;
}

.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  line-height: 0;
}

.spacer {
  flex-grow: 1;
}

h1 {
  color: #607729;
  font-size: 2rem;
  font-weight: 600;
}

h2 {
  color: #607729;
  font-size: 25px;
  font-weight: 600;
}

h3 {
  color: #607729;
  font-size: 18px;
}

.black h1,
.black h2,
.black h3 {
  color: #3b3b3b;
}

ul.no-bullet {
  padding-left: 0;
  list-style-type: none;
}
ul.bullet {
  padding-left: 20px;
  margin-bottom: 0;
}
ul.bullet > li {
  font-size: 18px;
  position: relative;
  list-style-type: none;
  margin-bottom: 20px;
}
ul.bullet > li:last-of-type {
  margin-bottom: 0;
}
ul.bullet > li:before {
  position: absolute;
  top: 9px;
  left: -20px;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-color: #b2d092;
  border-radius: 50%;
}

li.dates,
li.resources {
  margin-bottom: 10px;
}
li.dates h4,
li.resources h4 {
  font-size: 16px;
  color: #3b3b3b;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
li.dates p,
li.resources p {
  font-size: 16px;
  margin-bottom: 15px;
}
li.dates:last-of-type,
li.resources:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}

li.resources {
  padding: 20px 0;
  border-bottom: 1px solid #c6c6c6;
}
li.resources a {
  margin-bottom: 0.25rem;
  display: block;
}
li.resources i {
  margin-right: 10px;
}
li.resources:first-of-type {
  padding-top: 0;
}
li.resources:last-of-type {
  border-bottom: 0;
}

.column-2 {
  column-count: 2;
}

.label {
  color: #828282;
}

.option {
  display: none;
}

/* Alerts */
.alert-text {
  color: #f26317 !important;
}

/* Info Icon */
.info-icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  border: none;
  background: #b2d092;
  color: #607729;
}

/* Dropdowns */
.dropdown-item:hover, .dropdown-item.hover {
  text-decoration: none;
  background-color: #e9efe1;
}
.dropdown-item:active, .dropdown-item.active {
  text-decoration: none;
  background-color: #607729;
}

.dropdown-toggle {
  text-decoration: none;
}
.dropdown-toggle i {
  margin-left: 0.5rem;
  font-size: 0.75rem;
}
.dropdown-toggle:after {
  display: none;
}

/* Pills */
.pill {
  display: inline-block;
  background: #d0ebfb;
  border: none;
  padding: 3px 9px;
  border-radius: 10px;
  margin: 0 10px 10px 0;
}

/* Cards */
.card {
  border: none;
  border-radius: 0;
}
.card.equal-height {
  height: 100%;
}
.card .card-header {
  border-radius: 0;
  color: #607729;
  background-color: #e9efe1;
  font-family: "Source Serif Pro", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 30px;
  border: 1px solid #b2d092;
  display: flex;
  align-items: center;
}
.card .card-header.blue {
  background-color: #d0ebfb;
}
.card .card-header.large {
  font-size: 25px;
}
.card .card-body {
  padding: 30px;
  border-right: 1px solid #b2d092;
  border-left: 1px solid #b2d092;
  border-bottom: 1px solid #b2d092;
}
.card .card-body.grid-gap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.card .card-footer {
  border-top: 0;
  border-right: 1px solid #b2d092;
  border-left: 1px solid #b2d092;
  border-bottom: 1px solid #b2d092;
  border-radius: 0;
  background: #fff;
  padding: 10px 30px;
}
.card .card-footer.standalone {
  border-top: 1px solid #b2d092;
}
.card .sub-card .selected-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  font-weight: 600;
  border-left: 1px solid #b2d092;
}
.card .sub-card .selected-list .selected-list-item {
  background-color: #fff;
  padding: 10px 30px;
  border-right: 1px solid #b2d092;
  border-bottom: 1px solid #b2d092;
}
.card .sub-card .selected-list .selected-list-item .change-over-time {
  font-weight: 400;
}
.card .sub-card .selected-list .selected-list-item .change-over-time thead > tr > * {
  border-bottom: 0;
}
.card .sub-card .selected-list .selected-list-item .change-over-time td:nth-of-type(2) {
  text-align: right;
}
.card .sub-card .selected-list .selected-list-item .change-over-time tr:last-of-type td:last-of-type {
  font-weight: 600;
}
.card .sub-card .selected-list .selected-list-item .change-over-time tr:last-of-type td:last-of-type.green {
  color: #607729;
}
.card .sub-card .selected-list .selected-list-item .change-over-time tr:last-of-type td:last-of-type.yellow {
  color: #f4992b;
}
.card .sub-card .selected-list .selected-list-item button {
  float: right;
}

.card.yellow .card-header {
  color: #3b3b3b;
  background: #fdebd6;
  border: 1px solid #f4992b;
}
.card.yellow .card-header span.question,
.card.yellow .card-header span.score {
  margin-left: 20px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
}
.card.yellow .card-body {
  border-right: 1px solid #f4992b;
  border-left: 1px solid #f4992b;
  border-bottom: 1px solid #f4992b;
}

.need {
  border-radius: 10px;
  background: #f4992b;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  margin-left: 10px;
}

.card.blue .card-header {
  background: #d0ebfb;
}

/* Tables */
.table {
  font-size: 16px;
  color: #3b3b3b;
  margin-bottom: 0;
}
.table tr:last-of-type {
  border-bottom: 1px solid #fff;
}
.table.list {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 30px;
}
.table.list .filter-active {
  color: #607729;
}
.table.list tr:last-of-type,
.table.list thead tr {
  border-bottom: 1px solid #b2d092;
}
.table.list thead th:last-of-type,
.table.list td:last-of-type {
  text-align: right;
  overflow: visible;
}
.table.list :not(caption) > * > td {
  padding: 0.75rem 0.5rem;
}
.table.list.align-left thead th:last-of-type,
.table.list.align-left td:last-of-type {
  text-align: left;
  overflow: visible;
}
.table .has-collapsible-content {
  border-bottom: 1px solid white;
}
.table .collapse-trigger {
  background: none;
  padding: 0;
  border: none;
}
.table .table-collapse {
  background: #fafafa;
  border: 1px solid #c6c6c6;
  text-align: left;
  padding: 30px;
}

#assessment.table {
  font-size: 18px;
  color: #607729;
  font-weight: 600;
  border-color: #b2d092;
  border-collapse: separate;
  border-spacing: 0 5px;
  margin-bottom: -5px;
}
#assessment.table td,
#assessment.table th {
  border-top: 1px solid #b2d092;
  border-bottom: 1px solid #b2d092;
}
#assessment.table td:not(:first-of-type) {
  border-left: none;
}
#assessment.table thead {
  vertical-align: middle;
  font-size: 12px;
}
#assessment.table thead .header {
  font-family: "Source Serif Pro", sans-serif;
  font-size: 2rem;
  text-align: left;
  padding: 0;
  vertical-align: top;
  border: none;
}
#assessment.table thead th:not(:first-of-type) {
  border-left: none;
  width: 100px;
  padding: 5px 25px;
}
#assessment.table thead th:nth-of-type(2) {
  border-right: 1px solid #b2d092;
  border-left: 1px solid #b2d092;
}
#assessment.table tbody tr th {
  padding: 0px 80px 0px 30px;
  line-height: 28px;
  position: relative;
  border-right: none;
}
#assessment.table tbody tr th .info-icon {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -14px;
}
#assessment.table tbody tr:nth-of-type(odd) {
  background: #fff;
}
#assessment.table tbody tr:nth-of-type(even) {
  background: #d0ebfb44;
}
#assessment.table tbody td {
  height: 100px;
}
#assessment.table tbody td[colspan="5"] {
  padding: 0;
}
#assessment.table .form-check {
  width: 100px;
  height: 90px;
  display: table-cell;
  justify-content: space-around;
  align-items: center;
  border-right: 1px solid #b2d092;
  margin: 0;
  padding: 0;
}
#assessment.table .form-check:last-of-type {
  width: 99px;
}
#assessment.table .form-check .form-check-input {
  vertical-align: middle;
  float: unset;
  margin-left: 0;
  margin-top: 0;
}

.form-check-input {
  width: 20px;
  height: 20px;
  border: 2px solid #b2d092;
}
.form-check-input + .form-check-label, .form-check-input + input + .form-check-label {
  margin-top: 2px;
  margin-left: 8px;
}
.form-check-input:checked {
  background-color: #607729;
  border-color: #607729;
}
#assessment .form-check-input:checked {
  border-color: #b2d092;
  box-shadow: inset 0px 0px 0px 3px #fff;
}
.form-check-input:checked[type=radio] {
  background-image: none;
}

#focusNeed .table.system td {
  padding: 15px 0;
}
#focusNeed .table.system td:first-of-type {
  padding-left: 25px;
  position: relative;
}
#focusNeed .table.system td:nth-of-type(2) {
  color: #607729;
}
#focusNeed .table.system .highlight td:first-of-type {
  font-weight: bold;
}
#focusNeed .table.system .highlight td:first-of-type:before {
  position: absolute;
  display: block;
  left: 0;
  top: 20px;
  content: "";
  background-color: #f4992b;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
#focusNeed .table.system .highlight td:nth-of-type(2) {
  color: #3b3b3b;
}
#focusNeed .table.system + .pill-label {
  margin-top: 2rem;
}

.small-bullets ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.small-bullets ul li {
  padding-bottom: 1rem;
}
.small-bullets ul li:last-of-type {
  padding-bottom: 0;
}

/* Pagination */
ul.pagination li:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
ul.pagination li.disabled a {
  background-color: #f4f4f4 !important;
  pointer-events: none;
}
ul.pagination li.active a {
  background-color: #607729 !important;
  border-color: #607729 !important;
  color: #fff !important;
}
ul.pagination li.active a:hover {
  color: #fff;
}
ul.pagination li a {
  color: #607729 !important;
  border: 1px solid #ccc;
  padding: 0.375rem 0.75rem;
  position: relative;
  display: block;
  text-decoration: none;
}
ul.pagination li a:hover {
  z-index: 2;
  color: #607729 !important;
  background-color: #f4f4f4 !important;
  border: 1px solid #ccc;
}

/*
.pagination {
  a {
    color: $primary;
    border: 1px solid #ccc;
  }

  .page-link:hover {
    z-index: 2;
    color: $primary;
    background-color: $grey;
    border: 1px solid #ccc;
  }

  .page-item {
    &.disabled .page-link {
      background-color: $grey;
    }

    &.active .page-link {
      background-color: $primary;
      border-color: $primary;

      &:hover {
        color: #fff;
      }
    }
  }
}*/
/* Off canvas */
.offcanvas {
  padding: 40px;
}
.offcanvas.offcanvas-end {
  width: 600px;
}
.offcanvas .offcanvas-header .offcanvas-close {
  background: #fff;
  border: none;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.offcanvas .offcanvas-header .offcanvas-close:hover {
  color: #607729;
}
.offcanvas .offcanvas-body h2,
.offcanvas .offcanvas-body p {
  margin-bottom: 30px;
}
.offcanvas .offcanvas-body h3 {
  margin-bottom: 20px;
}

/* Modal */
.modal-content {
  border-radius: 25px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}

.modal-header,
.modal-body {
  padding: 30px 30px 0;
  border-bottom: 0;
}

.modal-footer {
  border-top: 0;
  padding: 30px;
}

.modal-title {
  color: #607729;
  font-family: "Source Serif Pro", sans-serif;
  font-size: 29px;
  font-weight: 600;
}

/* Pill Label */
.pill-label {
  background-color: #f4f4f4;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}

/* Tabbed Content */
.nav-pills {
  margin-bottom: 1rem;
}
.nav-pills .nav-item .nav-link {
  border-radius: 0;
  font-weight: 600;
  color: #828282;
  border-bottom: 2px solid transparent;
  background-color: none;
}
.nav-pills .nav-item .nav-link.active {
  color: #607729;
  background-color: transparent;
  border-bottom: 2px solid #607729;
}

/* Empty/No results */
.no-results {
  background-color: #eee;
  border: 1px solid #ddd;
  padding: 1rem;
  border-radius: 4px;
  text-align: center;
}

/* Accordions */
.accordion-button {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.accordion-button:not(.collapsed) {
  background-color: #e9efe1;
  color: #607729;
}
.accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23607728'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-button.no-content:after {
  background-image: none !important;
}

.accordion-body {
  font-size: 18px;
}

/* Status */
.status {
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
}
.status:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #607729;
  margin-right: 0.5rem;
}
.status.active {
  color: #607729;
}
.status.paused {
  color: #f4992b;
}
.status.paused:before {
  background-color: #f4992b;
}

.notice.alert {
  background-color: rgba(255, 0, 0, 0.1);
  border: 1px solid rgba(255, 0, 0, 0.25);
}
.notice.alert i {
  color: red;
  margin-right: 10px;
}

#preview .green {
  color: #607729;
}
#preview .flagged {
  color: #f4992b;
}

.print-only {
  display: none;
}

.flex-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#app-wrapper {
  box-sizing: content-box;
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 100%;
}

#app-navigation {
  display: table-cell;
  vertical-align: top;
  width: 234px;
}

.navbar {
  height: 77px;
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0px 3px 6px #00000019;
}
.navbar .navbar-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 77px;
  margin: 0;
  width: 223px;
  border: none;
  text-align: center;
  border-right: 1px solid #f4f4f4;
}
.navbar .navbar-user .dropdown button {
  font-family: "Source Sans Pro", sans-serif;
  color: #3b3b3b;
  border: none;
  font-weight: 400;
  text-transform: none;
}
.navbar .navbar-user .dropdown button span {
  font-weight: 600;
}
.navbar .navbar-user .dropdown a {
  font-size: 15px;
  font-weight: 400;
}
.navbar .navbar-user button.logout {
  color: #3b3b3b;
  border: 0;
}
.navbar .navbar-user button.logout .fa-lg {
  line-height: 1;
}
.navbar .navbar-user button.logout:hover {
  background: #f4f4f4;
}

.container-body {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
}

.sidebar {
  position: fixed;
  background: #fff;
  overflow-y: auto;
  top: 77px;
  bottom: 0;
  width: 234px;
  box-shadow: inset -3px 0px 6px #f4f4f4;
  padding: 20px;
}
.sidebar .sidebar-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 37px;
}
.sidebar .sidebar-logo img {
  height: auto;
}
.sidebar .nav {
  gap: 10px;
}
.sidebar .nav li {
  border-radius: 8px;
}
.sidebar .nav li a,
.sidebar .nav li button {
  color: #607729;
  font-size: 18px;
  padding: 8px 10px;
  font-weight: 600;
  font-family: "Source Serif Pro", sans-serif;
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 8px;
}
.sidebar .nav li a i,
.sidebar .nav li button i {
  font-size: 21px;
  margin-right: 9px;
  color: #b2d092;
}
.sidebar .nav li a i:nth-of-type(2),
.sidebar .nav li button i:nth-of-type(2) {
  font-size: 14px;
  color: #607729;
  margin-right: 0;
  float: right;
  line-height: 27px;
}
.sidebar .nav li a.active,
.sidebar .nav li button.active {
  background-color: #e9efe1;
}
.sidebar .nav li a.active i,
.sidebar .nav li button.active i {
  color: #607729;
}
.sidebar .nav li a:hover,
.sidebar .nav li button:hover {
  background-color: #e9efe1;
}
.sidebar .nav li a:focus,
.sidebar .nav li button:focus {
  background-color: #e9efe1;
  box-shadow: 0 0 0 1px #607729;
}
.sidebar .nav li div {
  margin-top: 5px;
}
.sidebar .nav li div li {
  margin-bottom: 5px;
}
.sidebar .nav li div li a.nav-link {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px 5px 52px;
}

.content-wrapper {
  position: relative;
  vertical-align: top;
  padding-top: 77px;
}
.content-wrapper .container,
.content-wrapper .container-fluid {
  padding-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-bottom: 2.5rem;
  max-width: 1360px;
}
.content-wrapper .container h1,
.content-wrapper .container-fluid h1 {
  margin: 0;
}

#step-nav {
  overflow: hidden;
}
#step-nav li.nav-item :nth-last-child(-n+5) a.nav-link {
  background-color: #b2d092;
}
#step-nav li.nav-item :nth-last-child(-n+5) a.nav-link:after {
  border-left: 10px solid #b2d092;
}
#step-nav li.nav-item a.nav-link {
  position: relative;
  background: #f4f4f4;
  color: #607729;
  font-family: "Source Serif Pro", sans-serif;
  padding-left: 18px;
  padding-right: 8px;
  text-transform: none;
  text-decoration: none;
  border: 1px solid #607729;
}
#step-nav li.nav-item a.nav-link:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #f4f4f4;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 2;
  transition: inherit;
}
#step-nav li.nav-item a.nav-link:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 11px solid #607729;
  position: absolute;
  top: -2px;
  left: 100%;
  z-index: 1;
}
#step-nav li.nav-item a.nav-link:hover {
  background: #b2d092;
}
#step-nav li.nav-item a.nav-link:hover:after {
  border-left: 10px solid #b2d092;
}
#step-nav li.nav-item a.nav-link.active {
  background: #607729;
  color: #f4f4f4;
}
#step-nav li.nav-item a.nav-link.active:after {
  border-left: 10px solid #607729;
}
#step-nav li.nav-item a.nav-link.disabled {
  color: #3b3b3b;
}

.main {
  display: flex;
  background-color: #d0ebfb;
  flex: 1;
  padding: 30px;
  flex-direction: column;
  position: relative;
}

.nav-tabs .nav-link {
  font-family: "Source Serif Pro", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background: #a6c2dd;
  padding: 10px 30px;
  margin-right: 10px;
  border: 0;
  border-radius: 20px 20px 0 0;
}
.nav-tabs .nav-link.active {
  color: #607729;
}

.panel {
  border-radius: 10px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px #a6c2dd;
  padding: 30px;
}
.panel.tabbed {
  border-radius: 0px 10px 10px;
}
.panel .panel-header {
  display: flex;
  align-items: center;
}
.panel .panel-header .title {
  flex-grow: 1;
}
.panel .panel-header .child-details .name {
  font-family: "Source Serif Pro", sans-serif;
  font-size: 20px;
  color: #607729;
}
.panel .panel-header .child-details ul {
  padding-left: 0;
  width: 300px;
}
.panel .panel-header .child-details ul li {
  list-style-type: none;
}
.panel .panel-header .child-details ul li span {
  color: #607729;
  float: right;
  width: 75%;
}
.panel .panel-content {
  display: grid;
  grid-gap: 30px;
}
.panel .panel-content > p {
  margin: 0;
}
.panel .panel-footer {
  margin-top: 30px;
}
.panel .panel-footer button {
  min-width: 194px;
}

.action-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.action-panel h2 {
  margin: 0;
}
.action-panel a {
  padding: 7.5px 49px;
}

.panel-padding {
  padding: 25px;
}

ul.data-entry {
  padding-left: 0;
}
ul.data-entry.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 30px;
}
ul.data-entry li {
  list-style-type: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
ul.data-entry li:last-of-type {
  border-bottom: none;
}
ul.data-entry li span {
  color: #607729;
  float: right;
}

.current-sequence-status.alert-danger {
  color: #d84040;
  padding: 10px;
  border-radius: 5px;
  background: #d8404022;
  border: 1px solid #d84040;
}

.layer-model-row {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: 10px;
}
.layer-model-row .step {
  font-weight: 700;
}
.layer-model-row .step img {
  width: 100%;
}
.layer-model-row .step div {
  margin-top: 20px;
}
.layer-model-row .step div p {
  text-transform: capitalize;
  width: 75%;
  float: left;
}
.layer-model-row .step div button {
  float: right;
  margin-right: 5%;
}

/* Assessment Results */
table.systems-scores * {
  padding: 0;
  position: relative;
}
table.systems-scores td {
  text-align: right;
}

.improved .score {
  color: #607729;
}

.worsened .score {
  color: #d84040;
}

.prev-score {
  font-weight: normal;
}

/* Annotations */
.annotations-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.annotations-list .annotation {
  gap: 0.5rem;
}
.annotations-list .annotation .card {
  background: #e8f6fe;
  padding: 1rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}
.annotations-list .annotation span {
  font-weight: 500;
  color: #828282;
  font-style: italic;
}

/* Resources */
article.stack {
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
article .category {
  color: #828282;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
article .date {
  color: #607729;
}
article h2 a,
article h3 a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  text-transform: capitalize;
  color: #3b3b3b;
}
article .more {
  font-weight: 700;
}
article .content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.account {
  display: flex;
  height: 100%;
}
.account #login-image {
  background-image: url("../Image/login.png");
  background-size: cover;
  min-height: 100%;
}
.account .login-logo {
  height: 160px;
  margin-bottom: 35px;
}
.account #content {
  background-color: #d0ebfb;
  min-height: 100%;
  display: flex;
}
.account #content .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  width: 100%;
}
.account #content .container .panel {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px #a6c2dd;
  border-radius: 20px;
  padding: 30px;
  width: 320px;
}
.account #content .container .panel .account-header {
  font-family: "Source Serif Pro", sans-serif;
  font-size: 18px;
  color: #607729;
  text-align: left;
  text-align: center;
  width: 100%;
}
.account #content .footer a {
  font-size: 1rem;
  color: #607729;
}
.account #content .note {
  color: #607729;
  font-size: 1rem;
  text-align: center;
  width: 100%;
}

form {
  font-family: "Source Sans Pro", sans-serif;
}
form.sign-in input.form-control,
form.sign-in select.form-control {
  border: 1px solid #368dd9;
}
form .form-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
  text-align: center;
}
form .form-button {
  margin-top: 27.5rem;
  width: 70%;
}
form .input-group button {
  font-family: "Source Sans Pro", sans-serif;
  background: #607729;
  color: #fff;
  font-weight: normal;
  text-transform: none;
}
form .input-group button:hover {
  color: #607729;
  background-color: #b2d092;
}

form#searchForm,
form#searchFormCompleted {
  position: relative;
}
form#searchForm .search,
form#searchForm .searchCompleted,
form#searchFormCompleted .search,
form#searchFormCompleted .searchCompleted {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: none;
  background-color: #607729;
  color: #fff;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  text-transform: uppercase;
  padding-left: 47px;
  padding-right: 47px;
  font-weight: bold;
  font-family: "Source Serif Pro", sans-serif;
}
form#searchForm .search:hover,
form#searchForm .searchCompleted:hover,
form#searchFormCompleted .search:hover,
form#searchFormCompleted .searchCompleted:hover {
  color: #607729;
  background-color: #f4f4f4;
  border: 1px solid #979797;
}

.form-control,
.select2-container--default .select2-selection--multiple {
  border-radius: 8px;
  border: 1px solid #979797;
  background-color: #f4f4f4;
  min-height: 38px;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #ddd;
}

.form-control:focus,
.form-check-input:focus,
.btn-check:focus + .btn,
.btn:focus {
  color: #212529;
  border-color: #607729;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(178, 208, 146, 0.5);
}

.btn {
  cursor: pointer;
  font-family: "Source Serif Pro", sans-serif;
  color: #607729;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 8px;
  border: 1px solid #607729;
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
}
.btn.primary {
  background-color: #d0ebfb;
  box-shadow: inset 0px 2px 0px #ffffff33, 0px 4px 0px #b2d092;
}
.btn.primary:active, .btn.primary:focus, .btn.primary:hover {
  background-color: #607729;
  color: #d0ebfb;
  outline: 0;
  box-shadow: none;
}
.btn.primary.std {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  width: 193px;
}
.btn.secondary {
  background-color: #f4f4f4;
  box-shadow: inset 0px 2px 0px #ffffff33, 0px 4px 0px #c6c6c6;
}
.btn.secondary:active, .btn.secondary:focus, .btn.secondary:hover {
  background-color: #3b3b3b;
  color: #f4f4f4;
  outline: 0;
  box-shadow: none;
}
.btn.secondary.std {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  width: 193px;
}

button.print-this {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  border-radius: 3px;
  border: 0px;
  padding: 10px;
  font-weight: 600;
}
button.print-this:hover {
  color: #fff;
  background-color: #607729;
}

.card-header .print-this {
  margin-left: auto;
  background: rgba(0, 0, 0, 0.1);
}

label {
  color: #3b3b3b;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif;
}

.add {
  color: #607729;
}
.add:hover {
  color: #b2d092;
}

.counter {
  color: #828282;
  font-size: 14px;
}

#select-checkboxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px 0;
}
#select-checkboxes .form-check {
  position: relative;
  width: 100%;
  height: 90px;
  border: 1px solid #b2d092;
}
#select-checkboxes .form-check input {
  position: absolute;
  cursor: pointer;
  height: 100%;
  width: 100%;
  z-index: 3;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  margin-top: 0;
  background-color: #e9efe100;
}
#select-checkboxes .form-check input:checked {
  background-color: #e9efe159;
}
#select-checkboxes .form-check label {
  font-weight: bold;
  height: 100%;
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 300px;
}
#select-checkboxes .form-check label span {
  margin-right: 10px;
}
#select-checkboxes .form-check label span .activity-count {
  font-size: 12px;
  font-weight: 400;
  color: #607729;
  background-color: #d0ebfb;
  padding: 2px 8px;
  border-radius: 15px;
  white-space: nowrap;
}
#select-checkboxes .form-check button {
  z-index: 4;
  position: relative;
  float: right;
  margin: 28px 10px 0;
}
#select-checkboxes .form-check-input:checked[type=checkbox] {
  background-image: url("../Image/selected-check@2x.png");
  background-position: left bottom;
  background-size: 50px 50px;
}

.form-progress {
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-top: 30px;
  text-align: center;
}
.form-progress .bar {
  background-color: #f4f4f4;
  border-radius: 8px;
  height: 15px;
  max-width: 600px;
  margin: 0 auto;
}
.form-progress .bar .bar-fill {
  background-color: #607729;
  border-radius: 8px;
  height: 15px;
}
.form-progress .text {
  margin-top: 20px;
  font-weight: bold;
}

.validation-summary-errors ul {
  padding-left: 0;
}
.validation-summary-errors ul li {
  list-style: none;
}

.field-validation-error {
  display: block;
  margin: -1rem 0 1rem;
}

.account .field-validation-error {
  display: block;
  margin: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #607729;
  color: white;
}

.dropdown-toggle.disabled {
  opacity: 0.5;
  pointer-events: none;
}

#createSchoolForm #submitBtn {
  position: absolute;
  right: 30px;
  bottom: 24px;
  cursor: pointer;
}

#SelectedRoles {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

table {
  table-layout: fixed;
}
table th {
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif;
}
table td a {
  color: #607729;
  cursor: pointer;
  padding: 5px 0;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #b2d092 !important;
}

/**
 * @license Highcharts
 *
 * (c) 2009-2018 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  border-radius: 0.5rem;
  border: 1px solid #a4a4a4;
}

.highcharts-root {
  display: block;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: #fafafa;
}

.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}

/* Titles */
.highcharts-title {
  fill: #666666;
  font-size: 1rem;
  font-weight: 600;
}

.highcharts-subtitle {
  fill: #999999;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #cccccc;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 1;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 1em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}

.highcharts-tick {
  stroke: #b2d092;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #b2d092;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 1em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.5;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-state-hover path {
  transition: stroke-width 50;
  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #fafafa;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #fafafa;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fafafa;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fafafa;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fafafa;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #fafafa;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band,
.highcharts-pane {
  fill-opacity: 1;
}
.highcharts-plot-band:nth-of-type(2),
.highcharts-pane:nth-of-type(2) {
  fill-opacity: 0;
}

.highcharts-plot-line {
  fill: none;
  stroke: #333333;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #fafafa;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #607728;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #eee;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #333333;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #fafafa;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #fafafa;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #fafafa;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #b2d092;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #fafafa;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: #fafafa;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #fafafa;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

/* Gantt */
.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}

.highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: 0.01;
}

.highcharts-a11y-proxy-container-after {
  width: 1px;
  height: 1px;
  top: 0px;
  left: 0px;
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
}

/* Triggered */
.highcharts-figure {
  position: relative;
}
.highcharts-figure #limbic-chart-care-export,
.highcharts-figure #limbic-chart-export,
.highcharts-figure #limbic-gauge-export,
.highcharts-figure #exec-chart-export {
  position: absolute;
  top: 2%;
  right: 2%;
}
.highcharts-figure svg.highcharts-root .highcharts-subtitle {
  display: none;
}

#planContainer {
  font-size: 16px;
}
#planContainer .page {
  display: none;
}
#planContainer .page.active {
  display: block;
}
#planContainer p.green {
  color: #607729;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.systems-scores.table th {
  padding: 0;
  font-weight: bold;
}
.systems-scores.table th:first-of-type {
  position: relative;
}
.systems-scores.table th:nth-of-type(2) {
  color: #607729;
}
.systems-scores.table td {
  padding: 0;
}
.systems-scores.table td span {
  font-weight: 400;
}
.systems-scores.table td span.score {
  font-weight: 600;
}
.systems-scores.table .highlight th:first-of-type {
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 0;
}
.systems-scores.table .highlight th:first-of-type:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  color: #f4992b;
  margin-right: 10px;
}
.systems-scores.table .highlight td:first-of-type {
  color: #f4992b;
  padding: 0;
}

table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

#select-checkboxes .form-check label {
  width: auto;
  max-width: 78%;
}

#focusTextOnButton {
  font-family: "Source Serif Pro", sans-serif;
}

#planDescriptor {
  padding-bottom: 3rem;
}
#planDescriptor ul.bullet li {
  font-size: 16px;
}

.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
  width: 100%;
  height: 5rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
.skeleton.header {
  height: 1.5rem;
  width: 50%;
  margin-top: 2rem;
}
.skeleton.header.sm {
  height: 1.25rem;
  width: 75%;
}

@keyframes skeleton-loading {
  0% {
    background-color: #cccccc;
  }
  100% {
    background-color: #f2f2f2;
  }
}
.no-scroll {
  overflow-y: hidden !important;
}

#readMore {
  position: absolute;
  padding: 2rem 1rem 3rem 1rem;
  bottom: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  opacity: 0.5;
}

.tab-panel-container {
  border-radius: 10px;
  border-top-left-radius: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 16px #a6c2dd;
  padding: 30px;
}

.min-height-50 {
  min-height: 50px;
}

.primary-text {
  color: #607729;
}

.grid {
  display: grid;
}

#assessment th span {
  width: 98%;
  overflow-wrap: break-word;
}

.back-link {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.grey-box {
  background-color: #eee;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #cccccc;
}
.grey-box p {
  margin: 0;
}

.panel-margin {
  margin-left: 10px;
  margin-right: 10px;
}

#groupAssessmentSummary {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

button.accordion-button.card-header.large {
  position: sticky;
  top: 77px;
  z-index: 1;
}

/**
 * @license Highcharts
 *
 * (c) 2009-2018 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  border-radius: 0.5rem;
  border: 1px solid #a4a4a4;
}

.highcharts-root {
  display: block;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: #fafafa;
}

.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}

/* Titles */
.highcharts-title {
  fill: #666666;
  font-size: 1rem;
  font-weight: 600;
}

.highcharts-subtitle {
  fill: #999999;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #cccccc;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 1;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 1em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}

.highcharts-tick {
  stroke: #b2d092;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #b2d092;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 1em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.5;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-state-hover path {
  transition: stroke-width 50;
  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #fafafa;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #fafafa;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fafafa;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fafafa;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fafafa;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #fafafa;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band,
.highcharts-pane {
  fill-opacity: 1;
}
.highcharts-plot-band:nth-of-type(2),
.highcharts-pane:nth-of-type(2) {
  fill-opacity: 0;
}

.highcharts-plot-line {
  fill: none;
  stroke: #333333;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #fafafa;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #607728;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #eee;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #333333;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #fafafa;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #fafafa;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #fafafa;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #b2d092;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #fafafa;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: #fafafa;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #fafafa;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

/* Gantt */
.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}

.highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: 0.01;
}

.highcharts-a11y-proxy-container-after {
  width: 1px;
  height: 1px;
  top: 0px;
  left: 0px;
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
}

/* Triggered */
.highcharts-figure {
  position: relative;
}
.highcharts-figure #limbic-chart-care-export,
.highcharts-figure #limbic-chart-export,
.highcharts-figure #limbic-gauge-export,
.highcharts-figure #exec-chart-export {
  position: absolute;
  top: 2%;
  right: 2%;
}
.highcharts-figure svg.highcharts-root .highcharts-subtitle {
  display: none;
}

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