.private-home-page .right-panel {
  background-image: url("/images/covid_2.jpg");
  padding: 0;
  border-radius: 12px;
}
.private-home-page .right-panel .about-right-box {
  background-color: #532565;
  color: white;
  opacity: 0.9;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 30px 40px;
  z-index: 1;
  width: 100%;
  border-radius: 12px;
}
.private-home-page .right-panel .about-right-box .statistic-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.private-home-page .right-panel .about-right-box .statistic-block.last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.private-home-page .right-panel .about-right-box .statistic-block .title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 30px;
}
.private-home-page .right-panel .about-right-box .statistic-block .count {
  margin-left: auto;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.private-home-page .announcement-date {
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #888;
  font-style: italic;
}
.private-home-page .announcement-title {
  font-size: 26px;
}
.user-directory-page .container {
  max-width: 90vw !important;
}
.user-directory-page .filter-label {
  font-size: 12px;
  color: #616161;
  font-weight: 400;
}
.user-directory-page .filter-option {
  font-size: 12px !important;
}
.user-directory-page .dropdown {
  border: 1px solid #909090;
}
.user-directory-page .dtfc-right-top-blocker {
  background-color: transparent !important;
}
.user-directory-page div .dataTables_wrapper div.dataTables_filter {
  display: block;
}
.user-directory-page div .dataTables_wrapper div.dataTables_filter label {
  font-size: 12px;
  line-height: 1.5;
  width: 100%;
}
.user-directory-page div .dataTables_wrapper div.dataTables_filter input {
  margin-left: 0;
  display: block;
  width: 100%;
  padding: 1rem 0.75rem;
  border: 1px solid #909090;
  border-radius: 0;
}
.user-directory-page .creid-datatable .dt-buttons {
  -ms-flex-item-align: center;
      align-self: center;
}
.user-directory-page .bootstrap-select .dropdown-menu {
  min-width: unset;
}
.task-tracker-page .nav-pills .nav-link.active {
  background-color: #152850;
}
.task-tracker-page #loading-indicator .icon {
  color: #152850;
}
.task-tracker-page #gantt-legend {
  position: absolute;
  left: 25px;
  top: 10px;
  z-index: 1000;
}
.task-tracker-page #gantt-legend .label {
  margin-left: 4px;
}
.task-tracker-page #gantt-legend .legend-bar, .task-tracker-page #gantt-legend .actual-bar, .task-tracker-page #gantt-legend .planning-bar {
  display: inline-block;
  width: 45px;
  height: 11px;
}
.task-tracker-page #gantt-legend .legend-icon, .task-tracker-page #gantt-legend .actual-icon, .task-tracker-page #gantt-legend .planning-icon {
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.task-tracker-page #gantt-legend .planning-bar {
  background-color: #fdc757;
}
.task-tracker-page #gantt-legend .planning-icon {
  color: #fdc757;
}
.task-tracker-page #gantt-legend .actual-bar {
  background-color: #152850;
}
.task-tracker-page #gantt-legend .actual-icon {
  color: #152850;
}
.task-tracker-page #milestones-report-table_wrapper {
  margin: 40px 0 30px 0;
}
.task-tracker-page #milestones-report-table_wrapper tr.dtrg-group td {
  background-color: #152850 !important;
  color: white !important;
}
.task-tracker-page #milestones-report-table_wrapper .progress.complete .progress-bar {
  background-color: #152850;
}
.task-tracker-page #milestones-report-table_wrapper .progress.complete .label {
  top: 8px;
  color: white;
  font-weight: 500;
}
.task-tracker-page #milestones-report-table_wrapper .progress.incomplete .progress-bar {
  background-color: #fdc757;
  color: #152850;
}
.task-tracker-page #milestones-report-table_wrapper .progress.incomplete .label {
  top: 8px;
  color: #152850;
  font-weight: 500;
}

.bootstrap-select .dropdown-menu {
  min-width: 225px;
}
.forecasts-page h6 {
  font-size: 18px;
}
.forecasts-page .chart-details-button {
  position: absolute;
  right: 10px;
  top: 389px;
  z-index: 5;
}
.forecasts-page .highcharts-lollipop-stem {
  stroke: #de4846;
}
.forecasts-page .highcharts-point {
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
.contracts-page .help-button {
  color: #152850;
}
.contracts-page .help-button :hover {
  cursor: pointer;
  color: gray;
}
.contracts-page .table-note {
  margin-top: 6px;
}
.sites-page .nav-pills {
  position: relative;
  top: 3px;
}
.sites-page .nav-pills .nav-link {
  color: #152850;
}
.sites-page .nav-pills .nav-link.active {
  background-color: #152850;
  color: #f7f5f0;
}
.sites-page .help-button {
  color: #152850;
}
.sites-page .help-button :hover {
  cursor: pointer;
  color: gray;
}
.sites-page .highcharts-plot-line {
  fill: none;
  stroke: #fdc757;
  stroke-width: 3px;
}
.sites-page .highcharts-plot-line-label {
  font-style: italic;
}
.sites-page table th {
  vertical-align: middle;
}
.site-faqs-page {
  font-family: "Europa", serif;
}
.site-faqs-page .faq-link-block {
  margin-top: 1rem;
}
.site-faqs-page .faq-heading-section {
  padding-top: 70px;
}
@media screen and (max-width: 991px) {
  .site-faqs-page .faq-heading-section {
    margin-left: 0;
  }
}
.site-faqs-page .hero h1 {
  color: #fff;
  font-size: 42px;
  font-weight: normal;
  letter-spacing: 0;
}
.site-faqs-page .top-section .main-text {
  font-size: 17px;
  line-height: 30px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .site-faqs-page .sticky-side {
    position: -webkit-sticky;
    position: sticky;
    top: 190px;
  }
}
.site-faqs-page .sticky-side strong {
  font-family: "Europa", serif;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 26px;
  padding-bottom: 12px;
  display: block;
}
.site-faqs-page .sticky-side .list-group {
  border-top: 1px solid #acbbc9;
  border-bottom: 1px solid #acbbc9;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .site-faqs-page .sticky-side .list-group {
    max-width: 80%;
    margin-bottom: 0;
  }
}
.site-faqs-page .sticky-side .list-group-item {
  font-family: "Europa", serif;
  font-size: 15px;
  line-height: 24px;
  border-color: #acbbc9;
  font-weight: 400;
  color: #152850;
  padding: 16px 26px 16px 5px;
  text-decoration: none;
}
@media (min-width: 992px) {
  .site-faqs-page .sticky-side .list-group-item {
    font-size: 17px;
    line-height: 24px;
  }
}
.site-faqs-page .sticky-side .list-group-item:after {
  content: url("/images/sticky_arrow_dn.svg");
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 12px;
}
@media (min-width: 992px) {
  .site-faqs-page .sticky-side .list-group-item:after {
    content: url("/images/sticky_arrow_rt.svg");
  }
}
.site-faqs-page .sticky-side .list-group-item:hover, .site-faqs-page .sticky-side .list-group-item:focus {
  background-color: #F6F3EE;
  color: #152850;
}
.site-faqs-page .sticky-side .list-group-item:hover:after, .site-faqs-page .sticky-side .list-group-item:focus:after {
  content: url("/images/sticky_arrow_rt_hover.svg");
}
.site-faqs-page .sticky-side .list-group-item.active {
  color: #152850;
  text-decoration: underline;
  font-weight: bold;
  background-color: transparent;
}
.site-faqs-page .sticky-side .list-group-item.active:after {
  content: "";
}
.site-faqs-page .faq-title h2 {
  font-size: 26px;
}
.site-faqs-page .faq-section {
  margin-bottom: 4rem;
}
.site-faqs-page .faq-item:not(:last-of-type) {
  border-bottom: 1px solid #acbbc9;
}
.site-faqs-page .faq-item .faq-heading {
  background-color: transparent;
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}
.site-faqs-page .faq-item .faq-heading h2 button {
  padding: 10px 35px 10px 10px;
  font-family: "Europa", serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  color: #152850;
  cursor: pointer;
  position: relative;
  border-radius: 0;
}
.site-faqs-page .faq-item .faq-heading h2 button:after {
  position: absolute;
  content: "+";
  right: 10px;
  top: 11px;
  font-family: "Open Sans", sans-serif;
  font-size: 34px;
  line-height: 31px;
  font-weight: normal;
  color: #346094;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.site-faqs-page .faq-item .faq-heading h2 button:hover {
  text-decoration: none;
  color: #152850;
}
.site-faqs-page .faq-item .faq-heading h2 button:active {
  color: #fff;
}
.site-faqs-page .faq-item .faq-heading h2 button:focus {
  text-decoration: none;
  color: #fff;
  background-color: #152850;
}
.site-faqs-page .faq-item .faq-heading h2 button:focus:after {
  color: #fff;
}
.site-faqs-page .faq-item .faq-heading h2 button:focus[aria-expanded=true] {
  color: #fff;
}
.site-faqs-page .faq-item .faq-heading h2 button:active {
  text-decoration: none;
  color: #152850;
}
.site-faqs-page .faq-item .faq-heading h2 button[aria-expanded=true] {
  color: #346094;
}
.site-faqs-page .faq-item .faq-heading h2 button[aria-expanded=true]:after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.site-faqs-page .faq-item .faq-detail-container {
  padding: 2rem;
  font-weight: normal;
  line-height: 30px;
}
.site-faqs-page .faq-item .faq-detail-container div div {
  margin-top: 1rem;
}
.site-faqs-page .faq-item .faq-detail-container div div:first-child {
  margin-top: 0;
}
.site-faqs-page .faq-item .faq-detail-container div div p {
  margin-top: 1rem;
}
.executive-summary-page h6 {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.45rem 1.5rem;
  border: 2px solid #152850;
  border-radius: 14px;
  position: absolute;
  top: 4px;
  left: 10px;
  background-color: white;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.child-row td.trial-column.vital-trial {
  background-color: #dfe2e2 !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.child-row td.trial-column.neuro-trial {
  background-color: rgba(183, 146, 193, 0.0941176471) !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.child-row td.trial-column.autonomic-trial {
  background-color: #d9dbde !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.child-row td.trial-column.sleep-trial {
  background-color: #d9dee2 !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.child-row td.trial-column.energize-trial {
  background-color: #e3dfd9 !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.reason-child-row td.trial-column.vital-trial {
  background-color: #f1f4f4 !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.reason-child-row td.trial-column.neuro-trial {
  background-color: rgba(183, 146, 193, 0.0941176471) !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.reason-child-row td.trial-column.autonomic-trial {
  background-color: #ebedf0 !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.reason-child-row td.trial-column.sleep-trial {
  background-color: #ebf0f4 !important;
}
.executive-summary-page .recoverct-datatable table.dataTable tbody tr.reason-child-row td.trial-column.energize-trial {
  background-color: #f5f1eb !important;
}

.executive-summary-table h5 {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.45rem 1.5rem;
  border: 2px solid #152850;
  border-radius: 14px;
  position: absolute;
  top: 4px;
  left: 10px;
  background-color: white;
  margin-bottom: 0;
}
.executive-summary-table th {
  line-height: 6px;
  font-size: 12px;
  border-bottom: none;
}
.executive-summary-table th.trial-column {
  color: #fff !important;
}
.executive-summary-table th.trial-column.vital-trial {
  background-color: #88C5BA !important;
  line-height: 15px;
  padding: 2px 12px;
  font-size: 12px;
}
.executive-summary-table th.trial-column.neuro-trial {
  background-color: #702784 !important;
}
.executive-summary-table th.trial-column.autonomic-trial {
  background-color: #043673 !important;
}
.executive-summary-table th.trial-column.sleep-trial {
  background-color: #0072BC !important;
}
.executive-summary-table th.trial-column.energize-trial {
  background-color: #DC8500 !important;
}
.executive-summary-table td.trial-column.vital-trial {
  background-color: rgba(195, 225, 220, 0.0941176471) !important;
}
.executive-summary-table td.trial-column.neuro-trial {
  background-color: rgba(183, 146, 193, 0.0941176471) !important;
}
.executive-summary-table td.trial-column.autonomic-trial {
  background-color: rgba(129, 154, 184, 0.0941176471) !important;
}
.executive-summary-table td.trial-column.sleep-trial {
  background-color: rgba(127, 184, 221, 0.0941176471) !important;
}
.executive-summary-table td.trial-column.energize-trial {
  background-color: rgba(237, 194, 127, 0.0941176471) !important;
}
.executive-summary-table th.protocol-column {
  cursor: pointer;
}
.executive-summary-table th.protocol-column::after {
  display: inline-block;
  -webkit-transform: translate(5px, 0);
          transform: translate(5px, 0);
  width: 10px;
  height: 10px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E");
}
.executive-summary-table th.protocol-column.protocol-open::after {
  -webkit-transform: translate(10px, 1px) scaleX(-1);
          transform: translate(10px, 1px) scaleX(-1);
  width: 12px;
  height: 12px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E");
}
.executive-summary-table.fixedHeader-floating h5 {
  padding: 0.3rem 1.25rem;
  top: 2px;
}
.announcements-page .announcement-date {
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #888;
  font-style: italic;
}
.announcements-page .announcement-title {
  font-size: 26px;
}
.prescreening-page h6 {
  font-size: 18px;
}
.prescreening-page #prescreening-chart {
  height: 550px;
}
.prescreening-page #prescreening-chart table {
  border-collapse: collapse;
}
.prescreening-page #prescreening-chart table th, .prescreening-page #prescreening-chart table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}
.prescreening-page #prescreening-chart table th {
  background-color: #152850;
  color: white;
}
.prescreening-page #prescreening-chart .plot-label {
  background-color: white;
}
.prescreening-page .recoverct-datatable table th {
  vertical-align: middle;
}
.prescreening-page .recoverct-datatable table th.yellow {
  background-color: #fdc757 !important;
  color: #152850 !important;
}
.prescreening-page .recoverct-datatable table th.gray {
  background-color: #dae1e7 !important;
  color: #152850 !important;
}
.prescreening-page .recoverct-datatable table th .progress .label {
  color: #152850 !important;
}
.prescreening-page .recoverct-datatable table tfoot th {
  padding: 0.25rem 0.75rem;
}
.prescreening-page .recoverct-datatable table .overview-race-ethnicity {
  min-width: 100px !important;
}
@charset "UTF-8";
.study-2-bg {
  background-color: #88C5BA;
}
.study-2-bg-light {
  background-color: #C3E1DC;
}
.study-2-border {
  border-color: #88C5BA;
}

.study-3-bg {
  background-color: #702784;
}
.study-3-bg-light {
  background-color: #B792C1;
}
.study-3-border {
  border-color: #702784;
}

.study-4-bg {
  background-color: #0072BC;
}
.study-4-bg-light {
  background-color: #7FB8DD;
}
.study-4-border {
  border-color: #0072BC;
}

.study-5-bg {
  background-color: #043673;
}
.study-5-bg-light {
  background-color: #819AB8;
}
.study-5-border {
  border-color: #043673;
}

.study-6-bg {
  background-color: #DC8500;
}
.study-6-bg-light {
  background-color: #EDC27F;
}
.study-6-border {
  border-color: #DC8500;
}

.dsa-card {
  padding: 10px;
  border: 1px solid #E1E1E1;
  margin-bottom: -1px;
}
.dsa-card .dsa-green {
  background-color: #7fb87f;
}
.dsa-card .dsa-yellow {
  background-color: #FCE77D;
}
.dsa-card .dsa-red {
  background-color: #F07D7D;
}
.dsa-card .dsa-summary {
  position: relative;
}
.dsa-card .dsa-summary::after {
  content: "‹";
  font-size: 2rem;
  vertical-align: bottom;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  top: 0;
  right: 25px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.dsa-card .dsa-summary.open::after {
  -webkit-transform: rotate(90deg) translateY(-7px);
          transform: rotate(90deg) translateY(-7px);
}
.dsa-card .dsa-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dsa-card .dsa-header .dsa-header-study {
  font-weight: 600;
  font-size: 10px;
  padding: 0 5px;
  text-transform: uppercase;
  color: #fff;
}
.dsa-card .dsa-header .dsa-header-title {
  font-weight: 600;
  font-size: 14px;
  padding: 0 10px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.dsa-card .dsa-overview {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dsa-card .dsa-overview .dsa-stoplight {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 50px;
}
.dsa-card .dsa-overview .dsa-stoplight .dsa-stoplight-title {
  font-weight: bold;
  font-size: 11px;
}
.dsa-card .dsa-overview .dsa-stoplight .dsa-stoplight-bars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-shadow: inset 0 0 0 1px #E1E1E1;
          box-shadow: inset 0 0 0 1px #E1E1E1;
}
.dsa-card .dsa-overview .dsa-stoplight .dsa-stoplight-bars .dsa-stoplight-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dsa-card .dsa-overview .dsa-stoplight .dsa-stoplight-bars .dsa-stoplight-spacer {
  width: 1px;
  height: 100%;
}
.dsa-card .dsa-overview .dsa-stoplight .dsa-stoplight-bars .dsa-stoplight-label {
  font-weight: bold;
  text-align: center;
  width: 35px;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.dsa-card .dsa-overview .dsa-timeline {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  display: grid;
  grid-template-columns: 150px auto 65px;
  grid-template-rows: 1fr 4px 1fr;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-days-line {
  grid-column: 3/4;
  grid-row: 1/4;
  align-self: center;
  padding-left: 3px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-label-line {
  /* grid-column: 1 / 2;
  grid-row: 2 / 3; */
  -ms-flex-item-align: center;
      align-self: center;
  background-color: #152850;
  height: 2px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-line {
  /* grid-column: 2 / 3;
  grid-row: 2 / 3; */
  -ms-flex-item-align: center;
      align-self: center;
  background-color: #152850;
  height: 4px;
  margin: 0 -1px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-label {
  padding: 5px 35px 5px 15px;
  text-align: center;
  line-height: 18px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-label .dsa-timeline-label-count {
  font-size: 14px;
  font-weight: 600;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-label .dsa-timeline-label-percent {
  font-size: 12px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot {
  position: relative;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-w {
  position: absolute;
  bottom: 9px;
  height: 6px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-b {
  position: absolute;
  bottom: 5px;
  height: 15px;
  border-width: 1px;
  border-style: solid;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-m {
  position: absolute;
  bottom: 0;
  height: 22px;
  width: 3px;
  background-color: #152850;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -2px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-mn {
  position: absolute;
  bottom: 7px;
  height: 10px;
  width: 10px;
  background-color: #fff;
  border: 2px solid #152850;
  border-radius: 50%;
  margin-left: -5px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-label-min {
  position: absolute;
  right: 100%;
  bottom: -8px;
  padding-right: 3px;
  z-index: 1;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-label-max {
  position: absolute;
  left: 100%;
  bottom: -8px;
  padding-left: 3px;
  z-index: 1;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-label-med {
  position: absolute;
  top: -20px;
  text-align: center;
  z-index: 1;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-label-mn {
  position: absolute;
  top: -25px;
  text-align: center;
  z-index: 1;
  min-width: 45px;
  margin-left: -22px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-ys {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 2px;
  background-color: #FCE77D;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-ys::after {
  content: "";
  position: absolute;
  top: -18px;
  left: -7px;
  width: 15px;
  height: 18px;
  background-color: #FCE77D;
  border-radius: 3px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-rs {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 2px;
  background-color: #F07D7D;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot .plot-rs::after {
  content: "";
  position: absolute;
  top: -18px;
  left: -7px;
  width: 15px;
  height: 18px;
  background-color: #F07D7D;
  border-radius: 3px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot:hover {
  background-color: #f5f5f5;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-w {
  bottom: auto;
  top: 9px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-b {
  bottom: auto;
  top: 5px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-m {
  bottom: auto;
  top: 0;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-mn {
  bottom: auto;
  top: 7px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-label-min {
  top: -8px;
  right: 100%;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-label-max {
  top: -8px;
  left: 100%;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-label-med {
  top: auto;
  bottom: -20px;
}
.dsa-card .dsa-overview .dsa-timeline .dsa-timeline-plot-bottom .plot-label-mn {
  top: auto;
  bottom: -25px;
}
.dsa-card .dsa-details {
  padding: 1rem 0;
}
.dsa-card .dsa-details .dsa-details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dsa-card .dsa-details .dsa-details-item {
  width: 45%;
}
.dsa-card .dsa-details .dsa-details-item .dsa-details-header {
  font-weight: bold;
  font-size: 14px;
  padding: 2px 10px;
}
.dsa-card .dsa-details .dsa-details-item .dsa-details-header .dsa-details-count {
  float: right;
  font-size: 12px;
}
.dsa-card .dsa-details .dsa-details-item .dsa-details-table-container {
  max-height: 275px;
  overflow: auto;
}
.dsa-card .dsa-details .dsa-details-item table {
  width: 100%;
}
.dsa-card .dsa-details .dsa-details-item table tr {
  cursor: pointer;
}
.dsa-card .dsa-details .dsa-details-item table tr:nth-child(even) {
  background-color: #eee;
}
.dsa-card .dsa-details .dsa-details-item table td {
  padding: 1px 10px;
}
.dsa-card .dsa-details .dsa-details-item table td:first-child {
  text-decoration: underline;
}
.dsa-card .dsa-details .dsa-details-item table td:last-child {
  width: 90px;
  text-align: right;
}

#dashboardSiteModal .dashboard-modal-body table {
  font-size: 12px;
}
#dashboardSiteModal .dashboard-modal-body table th, #dashboardSiteModal .dashboard-modal-body table td {
  padding: 0.15rem 0.75rem;
}
#dashboardSiteModal .dashboard-modal-body table th {
  background-color: #152850;
  color: #f7f5f0;
}
.bg-huntergreen {
  background-color: #44633F;
  color: #fff;
}

.bg-spacecadetpurple {
  background-color: #392F5A;
  color: #fff;
}

.bg-ceruleanblue {
  background-color: #0075A2;
  color: #fff;
}

.bg-garnetred {
  background-color: #732C2C;
  color: #fff;
}

.bg-mountbattenpink {
  background-color: #A288A6;
  color: black;
}

.bg-cambridgeblue {
  background-color: #99C2A2;
  color: black;
}

.bg-airsuperioriorityblue, .enrollment-page .bg-yes {
  background-color: #77A6B6;
  color: black;
}

.bg-safronyellow, .enrollment-page .bg-no {
  background-color: #E9C46A;
  color: black;
}

.bg-sandybrownorange {
  background-color: #F4A261;
  color: black;
}

.bg-chestnutred {
  background-color: #994636;
  color: #fff;
}

.bg-resedagreen {
  background-color: #666B41;
  color: #fff;
}

.bg-rosetaupe {
  background-color: #A26B73;
  color: #fff;
}

.bg-paynesgray {
  background-color: #4D6C80;
  color: #fff;
}

.bg-ltgrey {
  background-color: #f2f2f2;
}

.bg-navy {
  background-color: #20639b;
  color: #fff;
}

.bg-blue {
  background-color: #5b9bd5;
  color: #000;
}

.bg-black {
  background-color: #000;
  color: #fff;
}

.bg-teal {
  background-color: #0093af;
  color: #000;
}

.bg-yellow {
  background-color: #f2ba49;
  color: #000;
}

.bg-grey, .enrollment-page .bg-unknown {
  background-color: #6e6e6e;
  color: #000;
}

.bg-ltblue {
  background-color: #1d2951;
}

.bg-ltred {
  background-color: #de4846;
}

.bg-olive {
  background-color: #3e864e;
}

.bg-forestgreen {
  background-color: #44522c;
}

.bg-darkgrey {
  background-color: #434348;
  color: white;
}

.bg-purple {
  background-color: #673284;
}

.bg-white {
  background-color: white;
}

.enrollment-page .dropdown {
  border: 1px solid #ced4da;
}
.enrollment-page .view-chart-details .dropdown {
  border: none;
}
.enrollment-page .view-chart-details .dropdown-item {
  padding: 0.25rem 1.25rem 0.25rem 0.75rem;
}
.enrollment-page .view-chart-details .bootstrap-select .btn:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: white;
}
.enrollment-page .demographics-label {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.enrollment-page .filter-label {
  font-size: 11px;
  color: #616161;
  font-weight: 400;
}
.enrollment-page .count-label {
  font-size: 11px;
}
.enrollment-page .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #152850;
  background-color: #152850;
}
.enrollment-page .chart-heading {
  background-color: #152850;
  color: #fff;
  padding: 10px 10px 10px 10px;
  line-height: 34px;
  height: 47px;
}
.enrollment-page .chart-heading h3 {
  color: white;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.enrollment-page .view-toggle-button {
  font-size: 19px;
  padding: 0 0.35rem;
  background-color: white;
}
.enrollment-page .view-toggle-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enrollment-page .view-toggle-button:hover {
  color: white;
  background-color: #6c757d;
}
.enrollment-page .view-toggle-button.view-all {
  font-size: 14px;
  padding: 0.1rem 0.6rem;
}
.enrollment-page .view-toggle-button.view-all:hover {
  background-color: #6c757d;
  color: white;
}
.enrollment-page .chart-details-toggle-button {
  background-color: white;
  width: 30px;
  height: 30px;
  padding: 0;
}
.enrollment-page .chart-details-toggle-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enrollment-page .chart-details-toggle-button:hover {
  color: white;
  background-color: #6c757d;
}
.enrollment-page .chart-details-toggle-button.selected {
  background-color: #152850;
  color: white;
}
.enrollment-page .progress {
  height: 30px;
  border-radius: 0;
}
.enrollment-page .progress.label {
  height: 20px;
  background-color: rgba(39, 73, 110, 0);
}
.enrollment-page .progress.label > .progress-bar {
  background-color: white;
  color: #000;
  font-size: 10px;
}
.enrollment-page .progress.label > .progress-bar.hide {
  color: #f2f2f2;
}
.enrollment-page .chart-grouping-btn {
  border-color: #152850;
  color: #152850;
  background-color: white;
}
.enrollment-page .chart-grouping-btn.active {
  background-color: #152850 !important;
  color: white !important;
}
.enrollment-page .chart-grouping-btn.disabled {
  border: none;
}
.enrollment-page .chart-grouping-btn:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.enrollment-page #enrollment-chart .highcharts-lollipop-stem {
  stroke: #de4846;
}
.enrollment-page #enrollment-chart .highcharts-legend-item.highcharts-lollipop-series .highcharts-point {
  -webkit-transform: translate(4px, 2px);
          transform: translate(4px, 2px);
  width: 8px;
  height: 8px;
}
.enrollment-page .piestyle-airblue {
  fill: #77A6B6;
  stroke: #77A6B6;
}
.enrollment-page .piestyle-airblue .highcharts-point {
  fill: #77A6B6;
  stroke: #77A6B6;
}
.enrollment-page .piestyle-safronyellow {
  fill: #E9C46A;
  stroke: #E9C46A;
}
.enrollment-page .piestyle-safronyellow .highcharts-point {
  fill: #E9C46A;
  stroke: #E9C46A;
}
.enrollment-page .piestyle-unknown {
  fill: #6e6e6e;
  stroke: #6e6e6e;
}
.enrollment-page .piestyle-unknown .highcharts-point {
  fill: #6e6e6e;
  stroke: #6e6e6e;
}
.enrollment-page .piestyle-mountbattenpink {
  fill: #A288A6;
  stroke: #A288A6;
}
.enrollment-page .piestyle-mountbattenpink .highcharts-point {
  fill: #A288A6;
  stroke: #A288A6;
}
.enrollment-page .piestyle-cambridgeblue {
  fill: #99C2A2;
  stroke: #99C2A2;
}
.enrollment-page .piestyle-cambridgeblue .highcharts-point {
  fill: #99C2A2;
  stroke: #99C2A2;
}
.enrollment-page .piestyle-gray {
  fill: #6e6e6e;
  stroke: #6e6e6e;
}
.enrollment-page .piestyle-gray .highcharts-point {
  fill: #6e6e6e;
  stroke: #6e6e6e;
}
.enrollment-page .piestyle-darkgray {
  fill: #434348;
  stroke: #434348;
}
.enrollment-page .piestyle-darkgray .highcharts-point {
  fill: #434348;
  stroke: #434348;
}
.enrollment-page .piestyle-sandyorange {
  fill: #F4A261;
  stroke: #F4A261;
}
.enrollment-page .piestyle-sandyorange .highcharts-point {
  fill: #F4A261;
  stroke: #F4A261;
}
.enrollment-page .piestyle-chestnutred {
  fill: #994636;
  stroke: #994636;
}
.enrollment-page .piestyle-chestnutred .highcharts-point {
  fill: #994636;
  stroke: #994636;
}
.enrollment-page .piestyle-ceruleanblue {
  fill: #0075A2;
  stroke: #0075A2;
}
.enrollment-page .piestyle-ceruleanblue .highcharts-point {
  fill: #0075A2;
  stroke: #0075A2;
}
.enrollment-page .piestyle-lightblue {
  fill: #7cb5ec;
  stroke: #7cb5ec;
}
.enrollment-page .piestyle-lightblue .highcharts-point {
  fill: #7cb5ec;
  stroke: #7cb5ec;
}
.enrollment-page .piestyle-resedagreen {
  fill: #666B41;
  stroke: #666B41;
}
.enrollment-page .piestyle-resedagreen .highcharts-point {
  fill: #666B41;
  stroke: #666B41;
}
.enrollment-page .piestyle-rosetaupe {
  fill: #A26B73;
  stroke: #A26B73;
}
.enrollment-page .piestyle-rosetaupe .highcharts-point {
  fill: #A26B73;
  stroke: #A26B73;
}
.enrollment-page .piestyle-paynesgray {
  fill: #4D6C80;
  stroke: #4D6C80;
}
.enrollment-page .piestyle-paynesgray .highcharts-point {
  fill: #4D6C80;
  stroke: #4D6C80;
}
.enrollment-page .piestyle-unassignedpink {
  fill: #635366;
  stroke: #635366;
}
.enrollment-page .piestyle-unassignedpink .highcharts-point {
  fill: #635366;
  stroke: #635366;
}
.enrollment-page .piestyle-unassignedblue {
  fill: #51727d;
  stroke: #51727d;
}
.enrollment-page .piestyle-unassignedblue .highcharts-point {
  fill: #51727d;
  stroke: #51727d;
}
.enrollment-page .piestyle-unassignedyellow {
  fill: #947c41;
  stroke: #947c41;
}
.enrollment-page .piestyle-unassignedyellow .highcharts-point {
  fill: #947c41;
  stroke: #947c41;
}
.enrollment-page .sxcluster-gauge {
  height: 165px;
}
.enrollment-page .sxcluster-gauge .highcharts-background {
  fill: rgba(39, 73, 110, 0) !important;
}
.enrollment-page .sxcluster-gauge .highcharts-color-0 {
  fill: #77A6B6;
  stroke: #77A6B6;
}
.enrollment-page .sxcluster-gauge .highcharts-axis-labels {
  font-size: 14px;
}
.enrollment-page .sxcluster-gauge .highcharts-plot-band, .enrollment-page .sxcluster-gauge .highcharts-pane {
  fill: #E9C46A !important;
  fill-opacity: 1;
}
.enrollment-page .card {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border: none;
  width: 100%;
  min-height: 250px;
  height: auto;
}
.enrollment-page .card.flipped {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.enrollment-page .card-front, .enrollment-page .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.enrollment-page .card-back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.enrollment-page .border-sides {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}
.enrollment-page .highcharts-plot-line {
  fill: none;
  stroke: #de4846;
  stroke-width: 2px;
}
.enrollment-page .highcharts-plot-line-label {
  font-style: italic;
}
.enrollment-page .center-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*
#chart-display2 {
	&.piestyle-yes-no {
		.highcharts-color-0 {
			@extend .piestyle-airblue;
		}

		.highcharts-color-1 {
			@extend .piestyle-safronyellow;
		}

		.highcharts-color-2 {
			@extend .piestyle-unknown;
		}
	}

	&.piestyle-age {
		.highcharts-color-0 {
			@extend .piestyle-airblue;
		}

		.highcharts-color-1 {
			@extend .piestyle-safronyellow;
		}

		.highcharts-color-2 {
			@extend .piestyle-mountbattenpink;
		}

		.highcharts-color-3 {
			@extend .piestyle-cambridgeblue;
		}

		.highcharts-color-4 {
			@extend .piestyle-unknown;
		}
	}

	&.piestyle-sex {
		.highcharts-color-0 {
			@extend .piestyle-airblue;
		}

		.highcharts-color-1 {
			@extend .piestyle-safronyellow;
		}

		.highcharts-color-2 {
			@extend .piestyle-cambridgeblue;
		}

		.highcharts-color-3 {
			@extend .piestyle-mountbattenpink;
		}

		.highcharts-color-4 {
			@extend .piestyle-unknown;
		}
	}

	&.piestyle-race {
		.highcharts-color-0 {
			@extend .piestyle-sandyorange;
		}

		.highcharts-color-1 {
			@extend .piestyle-mountbattenpink;
		}

		.highcharts-color-2 {
			@extend .piestyle-airblue;
		}

		.highcharts-color-3 {
			@extend .piestyle-chestnutred;
		}

		.highcharts-color-4 {
			@extend .piestyle-ceruleanblue;
		}

		.highcharts-color-5 {
			@extend .piestyle-safronyellow;
		}

		.highcharts-color-6 {
			@extend .piestyle-cambridgeblue;
		}

		.highcharts-color-7 {
			@extend .piestyle-unknown;
		}
	}

	&.piestyle-all-overall {
		.highcharts-color-0 { //Enrolled
			@extend .piestyle-airblue;
		}

		.highcharts-color-1 { //Target
			@extend .piestyle-darkgray;
		}
	}

	&.piestyle-all-bystudy {
		.highcharts-color-0 { //VITAL
			@extend .piestyle-airblue;
		}

		.highcharts-color-1 { //NEURO
			@extend .piestyle-safronyellow;
		}

		.highcharts-color-2 { //Target
			@extend .piestyle-darkgray;
		}
	}
}
*/
.bg-huntergreen {
  background-color: #44633F;
  color: #fff;
}

.bg-spacecadetpurple {
  background-color: #392F5A;
  color: #fff;
}

.bg-ceruleanblue {
  background-color: #0075A2;
  color: #fff;
}

.bg-garnetred {
  background-color: #732C2C;
  color: #fff;
}

.bg-mountbattenpink {
  background-color: #A288A6;
  color: black;
}

.bg-cambridgeblue {
  background-color: #99C2A2;
  color: black;
}

.bg-airsuperioriorityblue {
  background-color: #77A6B6;
  color: black;
}

.bg-safronyellow {
  background-color: #E9C46A;
  color: black;
}

.bg-sandybrownorange {
  background-color: #F4A261;
  color: black;
}

.bg-chestnutred {
  background-color: #994636;
  color: #fff;
}

.bg-resedagreen {
  background-color: #666B41;
  color: #fff;
}

.bg-rosetaupe {
  background-color: #A26B73;
  color: #fff;
}

.bg-paynesgray {
  background-color: #4D6C80;
  color: #fff;
}

.bg-ltgrey {
  background-color: #f2f2f2;
}

.bg-navy {
  background-color: #20639b;
  color: #fff;
}

.bg-blue {
  background-color: #5b9bd5;
  color: #000;
}

.bg-black {
  background-color: #000;
  color: #fff;
}

.bg-teal {
  background-color: #0093af;
  color: #000;
}

.bg-yellow {
  background-color: #f2ba49;
  color: #000;
}

.bg-grey {
  background-color: #6e6e6e;
  color: #000;
}

.bg-ltblue {
  background-color: #1d2951;
}

.bg-ltred {
  background-color: #de4846;
}

.bg-olive {
  background-color: #3e864e;
}

.bg-forestgreen {
  background-color: #44522c;
}

.bg-darkgrey {
  background-color: #434348;
  color: white;
}

.bg-purple {
  background-color: #673284;
}

.bg-white {
  background-color: white;
}

.data-completeness-page .show-arrow {
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: -5px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%77a6b6ff' d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E");
}
.data-completeness-page .hide-arrow {
  cursor: pointer;
  display: inline-block;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 15px;
  height: 15px;
  margin-left: -5px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%77a6b6ff' d='M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E");
}
.data-completeness-page .hidden {
  display: none !important;
}
.data-completeness-page .highcharts-color-500 {
  stroke: #77a6b6;
  fill: #77a6b6;
}
.data-completeness-page .highcharts-color-501 {
  stroke: #6e6e6e;
  fill: #6e6e6e;
}
.data-completeness-page .highcharts-color-501 .highcharts-data-label text {
  fill: white;
}
.data-completeness-page .highcharts-color-502 {
  stroke: #E9C46A;
  fill: #E9C46A;
}
.data-completeness-page .highcharts-color-503 {
  stroke: #F4A261;
  fill: #F4A261;
}
.data-completeness-page .highcharts-color-504 {
  stroke: #994636;
  fill: #994636;
}
.data-completeness-page .highcharts-color-504 .highcharts-data-label text {
  fill: white;
}
.data-completeness-page .highcharts-color-505 {
  stroke: #bababa;
  fill: #bababa;
}
.data-completeness-page .highcharts-color-506 {
  stroke: #9fdaed;
  fill: #9fdaed;
}
.data-completeness-page .nav-pills .nav-link {
  font-size: 12px;
  padding: 0.15rem 0.75rem;
  cursor: pointer;
}
.data-completeness-page .nav-pills .nav-link.active {
  background-color: #152850;
}
.data-completeness-page .view-toggle-buttongroup .btn-secondary {
  font-size: 12px;
  padding: 0.3rem 0.75rem;
  cursor: pointer;
  background-color: white;
  color: #31708e;
  text-decoration: underline;
  border: none;
  border-radius: 0.25rem !important;
}
.data-completeness-page .view-toggle-buttongroup .btn-secondary.active {
  color: white;
  background-color: #152850;
  text-decoration: none;
}
.data-completeness-page .view-toggle-buttongroup .btn-secondary.focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.data-completeness-page .view-toggle-buttongroup .btn-secondary:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.data-completeness-page .label {
  font-size: 12px;
  color: #616161;
  font-weight: 400;
}
.data-completeness-page .table-buttons {
  float: right;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 10px;
}
.data-completeness-page .table-buttons button {
  padding: 2px 11px 1px 11px;
  height: 32px;
  width: 36px;
  max-width: 36px;
  background-color: #616161;
}
.data-completeness-page .table-buttons button:hover {
  /*color: black;*/
  background-color: #152850;
}
.data-completeness-page .recoverct-datatable table th {
  vertical-align: middle;
}
.data-completeness-page .recoverct-datatable table th.gray {
  background-color: #c6cfd7 !important;
  color: #152850 !important;
}
.data-completeness-page #assessment-byassessment-summary-status-chart .drilldown-label,
.data-completeness-page #assessment-byvisit-summary-status-chart .drilldown-label {
  color: #003399;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
.data-completeness-page #assessment-byassessment-summary-status-chart .drilldown-label:hover,
.data-completeness-page #assessment-byvisit-summary-status-chart .drilldown-label:hover {
  color: #007bff;
}
.data-completeness-page #samples-bysamples-summary-status-chart .drilldown-label,
.data-completeness-page #samples-byvisit-summary-status-chart .drilldown-label {
  color: #003399;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
.data-completeness-page #samples-bysamples-summary-status-chart .drilldown-label:hover,
.data-completeness-page #samples-byvisit-summary-status-chart .drilldown-label:hover {
  color: #007bff;
}
.data-completeness-page .drilldown-title {
  font-size: 16px;
  font-weight: bold;
}
.data-completeness-page .chart-drillup-btn {
  background-color: #fdc757;
  color: #152850;
  width: 30px;
  height: 30px;
  padding: 0;
}
.data-completeness-page .chart-drillup-btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.data-completeness-page .chart-drillup-btn:hover {
  color: white;
  background-color: #152850;
}
.data-completeness-page #loading-view-indicator {
  color: #152850;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  inset: 0;
  position: absolute;
  width: 100%;
  height: 90%;
  background: rgb(255, 255, 255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.data-completeness-page .spin {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.export-btn {
  background-color: #616161;
  color: white;
}

.export-btn:hover {
  background-color: #152850;
  color: white;
}

.btn-close {
  background-color: transparent;
  border: none;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.btn-close:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.financials-page .header-nav-pills {
  margin-top: 25px;
  margin-bottom: -50px !important;
}
@media (min-width: 1300px) {
  .financials-page .modal-2xl {
    max-width: 95% !important;
  }
}
.financials-page .nav-item {
  z-index: 1000;
}
.financials-page .nav-spacer {
  max-width: 215px !important;
}
.financials-page .spend-controls {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.financials-page .clickable {
  cursor: pointer;
}
.financials-page .fa-arrow-up-right-from-square {
  padding-right: 5px;
}
.financials-page .modal-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  border-radius: 3px 3px 0px 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.financials-page .nav-pills .nav-link {
  color: #152850;
}
.financials-page .nav-pills .nav-link.active {
  background-color: #152850;
  color: #f7f5f0;
}
.financials-page .show-label {
  -webkit-animation: label-fade 1s linear;
          animation: label-fade 1s linear;
}
@-webkit-keyframes label-fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes label-fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.financials-page .chart-heading {
  background-color: #152850;
  color: #fff;
  padding: 10px 10px 10px 10px;
  line-height: 34px;
  height: 47px;
}
.financials-page .chart-heading h3 {
  color: white;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.financials-page .chart-drillup-btn {
  background-color: #fdc757;
  color: #152850;
  width: 30px;
  height: 30px;
  padding: 0;
}
.financials-page .chart-drillup-btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.financials-page .chart-drillup-btn:hover {
  color: white;
  background-color: #152850;
}
.financials-page .table-drillup-btn {
  background-color: #fdc757;
  color: #152850;
  width: 30px;
  height: 30px;
  padding: 0;
}
.financials-page .table-drillup-btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.financials-page .table-drillup-btn:hover {
  background-color: #acbbc9;
}
.financials-page .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #152850;
  background-color: #152850;
}
.financials-page .summary-chart-switch-container {
  border: 1px solid #152850;
  border-bottom: 0;
  padding: 5px 10px 0px 10px;
  border-radius: 5px 5px 0px 0;
}
.financials-page .dt-buttons button {
  width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.financials-page .dt-buttons button .dt-text-btn {
  display: inline-block;
  margin-bottom: 5px;
}
.financials-page .negative-financial-value {
  color: red;
}
.financials-page th.sub-category {
  width: auto !important;
}
.financials-page th.vendor-vendor {
  width: auto !important;
}
.financials-page th {
  line-height: normal;
}
.financials-page .forecast-chart-header {
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}
.financials-page .forecast-chart-background {
  background-color: #152850;
}
.financials-page .selection-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.financials-page .forecast-type-dropdown {
  padding: 4px 8px;
  font-size: 12px;
  color: #212529;
  background-color: #f8f9fa;
  border: 1px solid #909090;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.financials-page .selection-dropdown::after {
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute;
  right: 21px;
  top: 65%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none; /* clicks go through to select */
  font-size: 18px;
  color: #333;
}
@media (min-width: 576px) {
  .financials-page .modal-extra-large {
    max-width: 90% !important;
    margin: 1.75rem auto;
  }
}
@media (min-width: 992px) {
  .financials-page .modal-extra-large {
    max-width: 90% !important;
    margin: 1.75rem auto;
  }
}
@media (min-width: 1300px) {
  .financials-page .modal-extra-large {
    max-width: 1245px !important;
  }
}

.spin {
  color: #152850;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

#project-expenditure-graph .highcharts-data-label-hidden {
  opacity: 1;
}
#project-expenditure-graph .highcharts-title {
  font-weight: bold;
}
#project-expenditure-graph .highcharts-drillup-button {
  fill: #152850;
}
#project-expenditure-graph .highcharts-drillup-button text {
  fill: #f7f5f0 !important;
  font-weight: 700 !important;
}

#project-expenditure-vendor-graph .highcharts-data-label-hidden {
  opacity: 1;
}
#project-expenditure-vendor-graph .highcharts-title {
  font-weight: bold;
}
#project-expenditure-vendor-graph .highcharts-drillup-button {
  fill: #152850;
}
#project-expenditure-vendor-graph .highcharts-drillup-button text {
  fill: #f7f5f0 !important;
  font-weight: 700 !important;
}

#financials-overview-table .curved-corner {
  border-radius: 14px 0 0 0;
}
#financials-overview-table .major-heading {
  padding: 0.25rem 1.5rem;
  border: 2px solid #152850;
  border-radius: 14px;
  position: absolute;
  top: -12px;
  background-color: white;
  color: #152850;
  z-index: 10;
  margin-left: 25%;
}
#financials-overview-table .major-heading .header {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
#financials-overview-table .major-heading .unit {
  text-align: center;
  font-size: 11px;
  font-weight: normal;
}
.bg-huntergreen {
  background-color: #44633F;
  color: #fff;
}

.bg-spacecadetpurple {
  background-color: #392F5A;
  color: #fff;
}

.bg-ceruleanblue {
  background-color: #0075A2;
  color: #fff;
}

.bg-garnetred {
  background-color: #732C2C;
  color: #fff;
}

.bg-mountbattenpink {
  background-color: #A288A6;
  color: black;
}

.bg-cambridgeblue {
  background-color: #99C2A2;
  color: black;
}

.bg-airsuperioriorityblue {
  background-color: #77A6B6;
  color: black;
}

.bg-safronyellow {
  background-color: #E9C46A;
  color: black;
}

.bg-sandybrownorange {
  background-color: #F4A261;
  color: black;
}

.bg-chestnutred {
  background-color: #994636;
  color: #fff;
}

.bg-resedagreen {
  background-color: #666B41;
  color: #fff;
}

.bg-rosetaupe {
  background-color: #A26B73;
  color: #fff;
}

.bg-paynesgray {
  background-color: #4D6C80;
  color: #fff;
}

.bg-ltgrey {
  background-color: #f2f2f2;
}

.bg-navy {
  background-color: #20639b;
  color: #fff;
}

.bg-blue {
  background-color: #5b9bd5;
  color: #000;
}

.bg-black {
  background-color: #000;
  color: #fff;
}

.bg-teal {
  background-color: #0093af;
  color: #000;
}

.bg-yellow {
  background-color: #f2ba49;
  color: #000;
}

.bg-grey {
  background-color: #6e6e6e;
  color: #000;
}

.bg-ltblue {
  background-color: #1d2951;
}

.bg-ltred {
  background-color: #de4846;
}

.bg-olive {
  background-color: #3e864e;
}

.bg-forestgreen {
  background-color: #44522c;
}

.bg-darkgrey {
  background-color: #434348;
  color: white;
}

.bg-purple {
  background-color: #673284;
}

.bg-white {
  background-color: white;
}

.sites-tracker-page {
  /*.highcharts-color-500 {
      stroke: #77a6b6;
      fill: #77a6b6;
  }

  .highcharts-color-501 {
      stroke: #6e6e6e;
      fill: #6e6e6e;

      .highcharts-data-label {
          text {
              fill: white;
          }
      }
  }

  .highcharts-color-502 {
      stroke: #E9C46A;
      fill: #E9C46A;
  }

  .highcharts-color-503 {
      stroke: #F4A261;
      fill: #F4A261;
  }

  .highcharts-color-504 {
      stroke: #994636;
      fill: #994636;

      .highcharts-data-label {
          text {
              fill: white;
          }
      }
  }

  .highcharts-color-505 {
      stroke: #bababa;
      fill: #bababa;
      //.highcharts-data-label {
      //	text {
      //		fill: white;
      //	}
      //}
  }*/
  /*    .view-toggle-buttongroup {
      .btn-secondary {
          font-size: 12px;
          padding: 0.3rem 0.75rem;
          cursor: pointer;
          background-color: white;
          color: #31708e;
          text-decoration: underline;
          border: none;
          border-radius: 0.25rem !important;

          &.active {
              color: white;
              background-color: $recover-dark-blue;
              text-decoration: none;
          }

          &.focus {
              box-shadow: none !important;
          }

          &:focus {
              box-shadow: none !important;
          }
      }
  }*/
}
.sites-tracker-page .nav-pills {
  margin-top: 0 !important;
  margin-bottom: -37px !important;
  z-index: 1;
  position: relative;
}
.sites-tracker-page .nav-pills .nav-link {
  font-size: 12px;
  padding: 0.15rem 0.75rem;
  cursor: pointer;
}
.sites-tracker-page .nav-pills .nav-link.active {
  background-color: #152850;
}
.sites-tracker-page .label {
  font-size: 12px;
  color: #616161;
  font-weight: 400;
}
.sites-tracker-page .table-buttons {
  float: right;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 10px;
}
.sites-tracker-page .table-buttons button {
  padding: 2px 11px 1px 11px;
  height: 32px;
  width: 36px;
  max-width: 36px;
  background-color: #616161;
}
.sites-tracker-page .table-buttons button:hover {
  /*color: black;*/
  background-color: #152850;
}
.sites-tracker-page .recoverct-datatable table th {
  vertical-align: middle;
}
.sites-tracker-page .recoverct-datatable table th.gray {
  background-color: #c6cfd7 !important;
  color: #152850 !important;
}
.sites-tracker-page .top-controls {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sites-tracker-page .buttons-csv {
  z-index: 10;
}
.wearables-page .view-toggle-buttongroup .btn-secondary {
  font-size: 12px;
  padding: 0.3rem 0.75rem;
  cursor: pointer;
  background-color: white;
  color: #31708e;
  text-decoration: underline;
  border: none;
  border-radius: 0.25rem !important;
}
.wearables-page .view-toggle-buttongroup .btn-secondary.active {
  color: white;
  background-color: #152850;
  text-decoration: none;
}
.wearables-page .view-toggle-buttongroup .btn-secondary.focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.wearables-page .view-toggle-buttongroup .btn-secondary:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.wearables-page .label {
  font-size: 12px;
  color: #616161;
  font-weight: 400;
}
.wearables-page .table-buttons {
  float: right;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 10px;
}
.wearables-page .table-buttons button {
  padding: 2px 11px 1px 11px;
  height: 32px;
  width: 36px;
  max-width: 36px;
  background-color: #616161;
}
.wearables-page .table-buttons button:hover {
  /*color: black;*/
  background-color: #152850;
}
.wearables-page .recoverct-datatable table th {
  vertical-align: middle;
  padding: 5px 8px;
}
.wearables-page .recoverct-datatable table th.gray {
  background-color: #c6cfd7 !important;
  color: #152850 !important;
}
.wearables-page .recoverct-datatable table thead tr {
  background-color: #152850;
}
.wearables-page .recoverct-datatable table thead tr th {
  border-top: 1px solid #000;
}
.wearables-page .recoverct-datatable table thead .last-fixed {
  border-right: 1px solid #000;
}
.wearables-page .recoverct-datatable tr.odd {
  background-color: #eee !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.wearables-page .recoverct-datatable tr.odd td {
  background-color: #eee !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.wearables-page .recoverct-datatable tr td {
  cursor: pointer !important;
}
.wearables-page .recoverct-datatable .last-fixed {
  border-right: 1px solid #ccc;
}
.wearables-page .recoverct-datatable .site-col, .wearables-page .recoverct-datatable .trial-col {
  line-height: 17px;
}
.wearables-page .recoverct-datatable .group-header-AUTONOMIC {
  background-color: #043673 !important;
}
.wearables-page .recoverct-datatable .group-header-ENERGIZE {
  background-color: #DC8500 !important;
}
.wearables-page .recoverct-datatable .group-header-SLEEP {
  background-color: #0072BC !important;
}
.wearables-page #wearables-datatable-demographics tr.odd td:first-child,
.wearables-page #wearables-datatable-demographics tr.even td:first-child {
  padding-left: 2.5em;
}
.wearables-page .demographic-group th {
  background-color: #c6cfd7 !important;
  color: #152850 !important;
}
.wearables-page .sync-metric {
  font-weight: bold;
  line-height: 20px;
  padding: 3px;
  margin: 0 1px 0 0;
  color: #152850;
}
.wearables-page .sync-percent {
  min-width: 30px;
  margin: auto;
  width: 50px;
}
.wearables-page .sync-total {
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
  color: #555;
  min-width: 40px;
}
.wearables-page .sync-green {
  background-color: #7fb87f;
}
.wearables-page .sync-yellow {
  background-color: #FCE77D;
}
.wearables-page .sync-red {
  background-color: #F07D7D;
}
.wearables-page td.sync-col {
  padding: 0 !important;
}
.wearables-page th.baseline-col, .wearables-page th.eoi-col, .wearables-page th.nudge-col {
  background-color: #34476f !important;
}
.wearables-page th.moi-col, .wearables-page th.eos-col {
  background-color: #152850 !important;
}

.multiline-col {
  line-height: 16px;
}
.inventory-summary-page .highcharts-axis-title {
  font-family: "Europa", serif !important;
}
.inventory-summary-page h3.chart-heading {
  font-size: 18px;
  font-weight: 600;
  background-color: #152850;
  color: #fff;
  padding: 0.25em 0.5em;
}
.inventory-summary-page .filter-label {
  font-size: 11px;
  color: #616161;
  font-weight: 400;
}
.inventory-summary-page .label-only {
  margin-top: 6px;
  margin-bottom: 1px;
}
.inventory-summary-page .nav-pills .nav-link {
  text-decoration: underline;
  color: #152850;
}
.inventory-summary-page .nav-pills .nav-link.active {
  text-decoration: none;
  color: white;
  background-color: #152850;
}
.inventory-summary-page .filter-area .bootstrap-select .filter-option {
  font-size: 14px;
  margin-right: 8px;
}
.inventory-summary-page .filter-area .bootstrap-select .dropdown-menu li.disabled a {
  font-size: 11px;
}
@media screen and (max-width: 767px) {
  .inventory-summary-page .filter-area .bootstrap-select .dropdown-menu {
    max-width: 100%;
  }
}
.inventory-summary-page .filter-area .bootstrap-select.transparent .btn-light {
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}
.inventory-summary-page .filter-area .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  left: 12px;
}
.inventory-summary-page .filter-area .bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 10px;
  margin-left: 8px;
}
.inventory-summary-page .filter-area .slider.slider-horizontal {
  margin-left: 15px;
  width: calc(100% - 15px);
}
.inventory-summary-page .filter-area .slider .slider-handle {
  background: #152850;
}
.inventory-summary-page .filter-area .slider .slider-selection {
  background: #152850;
}
.inventory-summary-page .legend {
  border: 1px solid #dee2e6;
  border-top: none;
}
.inventory-summary-page .legend .item {
  cursor: pointer;
}
.inventory-summary-page .legend .item .symbol {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  float: left;
  border-radius: 10px;
}
.inventory-summary-page .legend .item.item0 .symbol {
  background-color: #013c58;
}
.inventory-summary-page .legend .item.item1 .symbol {
  background-color: #457b9d;
}
.inventory-summary-page .legend .item.item2 .symbol {
  background-color: #a8e8f9;
}
.inventory-summary-page .legend .item.item3 .symbol {
  background-color: #b5c6e0;
}
.inventory-summary-page .legend .item.item4 .symbol {
  background-color: #fdc500;
}
.inventory-summary-page .legend .item.item5 .symbol {
  background-color: #ffe14c;
}
.inventory-summary-page .legend .item.item6 .symbol {
  background-color: #fff2b2;
}
.inventory-summary-page .legend .item.item7 .symbol {
  background-color: #95a8b0;
}
.inventory-summary-page .legend .item.inactive {
  color: #cccccc;
}
.inventory-summary-page .legend .item.inactive .symbol {
  background-color: #cccccc;
}
.inventory-summary-page .border-subsection {
  border: 1px solid #dee2e6;
}
@media screen and (min-width: 992px) {
  .inventory-summary-page .border-subsection.hide-left {
    border-left: none;
  }
  .inventory-summary-page .border-subsection.hide-right {
    border-right: none;
  }
  .inventory-summary-page .border-subsection.hide-bottom {
    border-bottom: none;
  }
}
.inventory-summary-page .highcharts-color-0 {
  fill: #013c58 !important;
  stroke: #013c58 !important;
}
.inventory-summary-page .highcharts-color-1 {
  fill: #457b9d !important;
  stroke: #457b9d !important;
}
.inventory-summary-page .highcharts-color-2 {
  fill: #a8e8f9 !important;
  stroke: #a8e8f9 !important;
}
.inventory-summary-page .highcharts-color-3 {
  fill: #b5c6e0 !important;
  stroke: #b5c6e0 !important;
}
.inventory-summary-page .highcharts-color-4 {
  fill: #fdc500 !important;
  stroke: #fdc500 !important;
}
.inventory-summary-page .highcharts-color-5 {
  fill: #ffe14c !important;
  stroke: #ffe14c !important;
}
.inventory-summary-page .highcharts-color-6 {
  fill: #fff2b2 !important;
  stroke: #fff2b2 !important;
}
.inventory-summary-page .highcharts-color-7 {
  fill: #95a8b0 !important;
  stroke: #95a8b0 !important;
}
.inventory-summary-page .highcharts-legend-box {
  stroke: #dee2e6;
  stroke-width: 1px;
}
.inventory-summary-page #includeMissingAgeCheckbox {
  width: unset;
  margin-top: 0.45rem;
  margin-left: -1.15rem;
}
.inventory-summary-page .help-icon {
  color: #152850;
}
.inventory-summary-page .modal {
  padding-right: 0px !important;
}
.inventory-summary-page .modal table th {
  background-color: #152850;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2rem 0.75em;
}
.inventory-summary-page .modal table td {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2rem 0.75em;
}
.inventory-summary-page .modal .scroll-modal-body {
  max-height: 75vh;
  overflow-y: auto;
}
@media (min-width: 500px) {
  .inventory-summary-page .sub-study {
    width: 42.857% !important;
  }
}
@media (max-width: 500px) {
  .inventory-summary-page .sub-study {
    width: 121.78px !important;
  }
}
@media (min-width: 576px) {
  .inventory-summary-page .modal-extra-large {
    max-width: 90% !important;
    margin: 1.75rem auto;
  }
}
@media (min-width: 992px) {
  .inventory-summary-page .modal-extra-large {
    max-width: 90% !important;
    margin: 1.75rem auto;
  }
}
@media (min-width: 1300px) {
  .inventory-summary-page .modal-extra-large {
    max-width: 1245px !important;
  }
}
.inventory-summary-page .label-dark-gray {
  color: #6c757d !important;
}
@media screen and (min-width: 1200px) {
  .sample-search-page #searchOptions {
    width: 260px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sample-search-page #searchOptions {
    width: 189px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sample-search-page #searchOptions {
    width: 205px !important;
  }
}
.sample-search-page .searches-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 14px;
  border-radius: 10px;
  background-color: #f2f2f2 !important;
  border: 1px solid #dee2e6 !important;
}
.sample-search-page .nav-pills .nav-link {
  text-decoration: underline;
  color: #152850;
}
.sample-search-page .nav-pills .nav-link.active {
  text-decoration: none;
  color: white;
  background-color: #152850;
}
.sample-search-page .query-builder.form-inline {
  display: block;
}
.sample-search-page .query-builder input, .sample-search-page .query-builder textarea, .sample-search-page .query-builder select {
  margin-bottom: 0 !important;
}
.sample-search-page .query-builder .rules-group-container {
  background-color: #f2f2f2 !important;
  border: 1px solid #dee2e6 !important;
  padding: 10px;
}
.sample-search-page .query-builder .rules-group-header::after {
  content: "";
  display: table;
  clear: both;
}
.sample-search-page .query-builder .rule-value-container {
  border-left: none !important;
  padding-left: 0;
}
.sample-search-page .query-builder .rule-value-container input[type=number] {
  text-align: center;
}
.sample-search-page .query-builder .slider.slider-horizontal {
  width: 150px;
}
.sample-search-page .query-builder .pull-right {
  float: right;
}
.sample-search-page .query-builder .btn-primary {
  background-color: #f2f2f2;
  border-color: #152850;
  color: #152850;
}
.sample-search-page .query-builder .btn-primary.active {
  background-color: #152850;
  border-color: #152850;
  color: white;
}
.sample-search-page .query-builder .btn-success {
  background-color: #137329 !important;
  border-color: white !important;
}
.sample-search-page .query-builder .btn-danger {
  background-color: #8b0e1a !important;
  border-color: #8b0e1a !important;
}
.sample-search-page .query-builder .group-conditions .btn,
.sample-search-page .query-builder .group-actions .btn {
  font-size: 1rem;
  padding: 0.35rem 0.85rem;
}
.sample-search-page .query-builder .group-actions {
  float: right;
}
.sample-search-page .query-builder .group-actions .btn {
  text-transform: uppercase;
}
.sample-search-page .query-builder .rule-container {
  position: relative;
  width: 100%;
  white-space: nowrap;
  padding-right: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sample-search-page .query-builder .rule-container input,
.sample-search-page .query-builder .rule-container select {
  float: left;
  margin-right: 6px;
}
.sample-search-page .query-builder .rule-actions {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sample-search-page .query-builder .select option {
  border-bottom: 1px solid #dee2e6;
  padding: 4px 8px;
}
.sample-search-page .query-builder select {
  border-top: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important;
  background-color: #fff;
}
.sample-search-page .summary-results {
  padding: 0;
  border-radius: 12px;
}
.sample-search-page .summary-results .results-box {
  background-color: #152850;
  color: white;
  opacity: 0.9;
  position: relative;
  overflow: hidden;
  padding: 15px 20px;
  z-index: 1;
  width: 100%;
  border-radius: 12px;
  margin: 0 0;
}
.sample-search-page .summary-results .results-box .statistic-block {
  border-right: 2px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
.sample-search-page .summary-results .results-box .statistic-block.last {
  border-right: none;
}
@media screen and (max-width: 767px) {
  .sample-search-page .summary-results .results-box .statistic-block {
    border-right: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding: 8px 0;
    margin: 8px 0;
  }
  .sample-search-page .summary-results .results-box .statistic-block.last {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.sample-search-page .summary-results .results-box .statistic-block .title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.sample-search-page .summary-results .results-box .statistic-block .count {
  margin-left: auto;
  margin: 8px 0;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.sample-search-page .actual-results .connects-data-table-container table.dataTable tbody td {
  font-size: 12px;
}
.sample-search-page .actual-results select {
  margin-bottom: 0;
}
.sample-search-page .actual-results .pagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #495057;
  border-color: #495057;
}
.sample-search-page .actual-results .pagination .page-link {
  color: #495057;
}
.sample-search-page .actual-results .collection-window-td {
  min-width: 60px;
  width: 60px;
}
.sample-search-page .actual-results div.dts div.dataTables_scrollBody {
  background: transparent;
}
.sample-search-page .actual-results .biorep-datatable table thead th,
.sample-search-page .actual-results #query-results-table thead th {
  background-color: #152850 !important;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
}
.sample-search-page .actual-results #query-results-table thead th.sorting:before,
.sample-search-page .actual-results #query-results-table thead th.sorting:after,
.sample-search-page .actual-results #query-results-table thead th.sorting_asc:before,
.sample-search-page .actual-results #query-results-table thead th.sorting_asc:after,
.sample-search-page .actual-results #query-results-table thead th.sorting_desc:before,
.sample-search-page .actual-results #query-results-table thead th.sorting_desc:after {
  display: none !important;
}
.sample-search-page #generated-sql {
  text-align: center;
  font-size: 18px;
  padding: 10px 5px;
}
.sample-search-page .connects-data-table-container thead th {
  background-color: #495057 !important;
}
.sample-search-page .query-select {
  width: 250px;
}
.sample-search-page .icon-button {
  cursor: pointer;
}
.sample-search-page .toggle-outline-btn {
  border: 2px dashed #152850;
  color: #152850;
  background-color: white;
}
.sample-search-page .toggle-outline-btn.toggle-on {
  color: white;
  background-color: #152850;
}
.sample-search-page .toggle-outline-btn.toggle-on:hover {
  border: 2px solid #152850;
  color: yellow;
}
.sample-search-page .toggle-outline-btn:hover {
  border: 2px solid #152850;
}
.sample-search-page .bio-butn {
  background-color: #152850;
  color: white;
}
.sample-search-page .bio-butn:hover {
  color: #152850;
}
.sample-search-page .bio-butn.disabled {
  background-color: gray;
  pointer-events: none;
}
.sample-search-page .bio-butn.disabled:hover {
  color: white;
}
.sample-search-page .search-by-id-input {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
}
.sample-search-page .search-by-id-input.is-invalid {
  border: 2px solid red;
}
.sample-search-page .error-msg {
  color: red;
}
.sample-search-page .inactive-section {
  display: none !important;
}
.sample-search-page .help-icon {
  color: #152850;
}
.sample-search-page .modal {
  padding-right: 0px !important;
}
.sample-search-page .modal table th {
  background-color: #152850;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2rem 0.75em;
}
.sample-search-page .modal table td {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2rem 0.75em;
}
.sample-search-page .modal .inner-table table td {
  border: none;
}
.sample-search-page .modal .scroll-modal-body {
  max-height: 75vh;
  overflow-y: auto;
}
.sample-search-page #review-mode-section {
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.sample-search-page #review-mode-section .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.sample-search-page #review-mode-section .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.sample-search-page #review-mode-section .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sample-search-page #review-mode-section .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sample-search-page #review-mode-section input:checked + .slider {
  background-color: #152850;
}
.sample-search-page #review-mode-section input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #152850;
          box-shadow: 0 0 1px #152850;
}
.sample-search-page #review-mode-section input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
.sample-search-page #review-mode-section .slider.round {
  border-radius: 34px;
}
.sample-search-page #review-mode-section .slider.round:before {
  border-radius: 50%;
}
.sample-search-page #review-mode-section .toggle-text {
  position: relative;
  height: 34px;
  display: inline-block;
  top: 4px;
}
.sample-search-page #review-mode-section .toggle-text.on {
  color: #152850;
  font-weight: bold;
}
.sample-search-page .rule-operator-container span:first-of-type {
  display: none;
}
@media (min-width: 500px) {
  .sample-search-page .sub-study {
    width: 42.857% !important;
  }
}
@media (max-width: 500px) {
  .sample-search-page .sub-study {
    width: 121.78px !important;
  }
}
@media (min-width: 576px) {
  .sample-search-page .modal-extra-large {
    max-width: 90% !important;
    margin: 1.75rem auto;
  }
}
@media (min-width: 992px) {
  .sample-search-page .modal-extra-large {
    max-width: 90% !important;
    margin: 1.75rem auto;
  }
}
@media (min-width: 1300px) {
  .sample-search-page .modal-extra-large {
    max-width: 1245px !important;
  }
}
.sample-search-page .spin {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.sample-search-page .recoverct-blue-btn {
  background-color: #152850;
  color: white;
  border: none;
  font-weight: 600;
  border-radius: 6px;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.sample-search-page .recoverct-blue-btn:hover {
  background-color: #0a1428;
  color: #152850;
  background-color: white;
}
.sample-search-page .recoverct-blue-btn:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
}
.sample-search-page .recoverct-red-btn {
  background-color: #8b0e1a;
  color: white;
  border: none;
  font-weight: 600;
  border-radius: 6px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.sample-search-page .recoverct-red-btn:hover {
  background-color: #660a13;
}

/*# sourceMappingURL=secure.b7698b55b90b9e24d5cd.css.map*/