@font-face {
  font-family: "mlstr";
  src: url("/assets/fonts/mlstr.eot");
  src: url("/assets/fonts/mlstr.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/mlstr.woff") format("woff"), url("/assets/fonts/mlstr.ttf") format("truetype"),
    url("/assets/fonts/mlstr.svg#mlstr") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "mlstr" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="i-mlstr-"]:before,
[class*=" i-mlstr-"]:before {
  font-family: "mlstr" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-mlstr {
  text-align: center;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

.i-mlstr-studies-rond:before {
  content: "\e108";
}

.i-mlstr-studies-variables-rond:before {
  content: "\e109";
}

.i-mlstr-variables-rond:before {
  content: "\e110";
}

.i-mlstr-download-button:before {
  content: "\e101";
}

.i-mlstr-data-harmonization:before {
  content: "\e100";
}

.i-mlstr-harmonize-projects:before {
  content: "\e102";
}

.i-mlstr-maelstrom-catalogue:before {
  content: "\e103";
}

.i-mlstr-networks:before {
  content: "\e104";
}

.i-mlstr-networks-rond:before {
  content: "\e105";
}

.i-mlstr-partnership:before {
  content: "\e106";
}

.i-mlstr-studies:before {
  content: "\e107";
}

.i-mlstr-whatweoffer:before {
  content: "\e111";
}

.i-mlstr-harmonization-protocol-rond:before {
  content: "\e112";
}

.i-mlstr-initiative-rond:before {
  content: "\e113";
}

.dashboard a {
  text-decoration: none !important;
}

.dashboard a {
  text-decoration: none !important;
}

.dashboard .metrics {
  padding-top: 5px;
}

.dashboard .count {
  font-family: "Haffer XH";
  font-weight: bold;
  font-size: 22px;
  color: inherit;
}

.dashboard a:hover {
  cursor: pointer !important;
  color: inherit;
}

.dashboard .document {
  color: black;
}

.dashboard .icon:before {
  vertical-align: middle;
  font-size: 50px !important;
  padding-right: 20px;
}

.dashboard a[href]:hover {
  text-shadow: 0.3px 0.4px 0 currentColor;
  filter: brightness(0.9);
}

.dashboard .networks,
.dashboard .networks:hover {
  padding-top: 5px;
  /* color: $networks-color; */
}

.dashboard .individual-studies,
.dashboard .individual-studies:hover {
  padding-top: 5px;
  /* color: $individual-studies-color; */
}

.dashboard .collected-variables,
.dashboard .collected-variables:hover {
  padding-top: 5px;
  /* color: $collected-variables-color; */
}

.dashboard .individual-studies-with-variables,
.dashboard .individual-studies-with-variables:hover {
  padding-top: 5px;
  /* color: $individual-studies-with-variables-color; */
}

.dashboard .harmonization-initiatives,
.dashboard .harmonization-initiatives:hover {
  padding-top: 5px;
  /* color: $harmonization-initiatives-color; */
}

.dashboard .harmonization-protocols,
.dashboard .harmonization-protocols:hover {
  padding-top: 5px;
  /* color: $harmonization-protocols-color; */
}

.dashboard .dataschema-variables,
.dashboard .dataschema-variables:hover {
  padding-top: 5px;
  /* color: $dataschema-variables-color; */
}

/*
 * Content
 */

.card-primary.card-outline {
  border-top-color: #17a2b8;
}

#harmonization-studies-callout,
#data-access-process-callout,
#projects-page .callout {
  display: none;
}

#taxonomy-modal .panel-vocabulary-title::after,
#harmonizedTable thead th:nth-child(2)::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-left: 0.25em;
  content: "\f05a";
  opacity: 0.6;
}

#harmonizedTable thead th:nth-child(n + 2) {
  text-align: center !important;
  white-space: nowrap !important;
}

#harmonizedTable tbody td:nth-child(n + 2) {
  text-align: center !important;
}

#harmonizedTable th {
  vertical-align: bottom;
}

#harmonizedTable td {
  vertical-align: middle;
}

#studies-card,
#individual-studies-card,
#harmonization-studies-card,
#projects-card {
  box-shadow: none;
  margin-top: 2em;
}

#studies-app a,
#studies-app a:hover {
  text-decoration: none;
}

#studies-card.card,
#individual-studies-card.card,
#harmonization-studies-card.card,
#projects-card.card {
  background-color: #f7f8f6 !important;
  box-shadow: none !important;
  border: none !important;
}

#studies-card.card-info.card-outline,
#individual-studies-card.card-info.card-outline,
#harmonization-studies-card.card-info.card-outline,
#projects-card.card-info.card-outline {
  border-top: 0;
}

#studies-card .card-title,
#individual-studies-card .card-title,
#harmonization-studies-card .card-title,
#projects-card .card-title {
  display: none;
}

#projects-card .card-body {
  padding: 0;
}

#studies-card .card-header,
#individual-studies-card .card-header,
#harmonization-studies-card .card-header,
#projects-card .card-header {
  border-bottom: 0;
}

#individual-study-page .content-header h1 .text-white-50,
#individual-study-page .content-header small,
#harmonization-study-page .content-header h1 .text-white-50,
#harmonization-study-page .content-header small,
#harmonized-dataset-page .content-header h1 .text-white-50,
#harmonized-dataset-page .content-header small,
#dataset-crosstab-page .content-header h1 .text-white-50,
#list-page .content-header h1 .text-white-50,
#project-page .content-header h1 .text-white-50,
#project-page .content-header small,
#dataschema-variable-page .content-header h1 .text-white-50,
#variable-page .content-header small,
#harmonized-variable-page .content-header h1 .text-white-50,
#variable-page .content-header small {
  display: none;
}

#individual-study-page .info-box {
  display: none;
}

#list-page .content-header h1 {
  margin-top: 0.2em !important;
}

#sum,
#sum-of-squares {
  display: none;
}

/*
 * Data Access
 */

#data-access-page .content-header h1,
#data-access-amendment-form-page .content-header h1,
#data-access-form-page .content-header h1,
#data-access-feasibility-page .content-header h1,
#data-access-documents-page .content-header h1,
#data-access-comments-page .content-header h1,
#data-access-history-page .content-header h1,
#data-access-private-comments-page .content-header h1 {
  margin-top: 0.2em !important;
}

#data-access-page .content-header h1 .text-white-50,
#data-access-amendment-form-page .content-header h1 .text-white-50,
#data-access-form-page .content-header h1 .text-white-50,
#data-access-feasibility-page .content-header h1 .text-white-50,
#data-access-documents-page .content-header h1 .text-white-50,
#data-access-comments-page .content-header h1 .text-white-50,
#data-access-history-page .content-header h1 .text-white-50,
#data-access-private-comments-page .content-header h1 .text-white-50 {
  color: #6c757d !important;
}

/*
 * Search
 */

/* #search-page .content-header h1 {
  margin-top: 0 !important;
} */

#search-page [class*="sidebar-dark-"] {
  background-color: #fff;
}

dl.striped > dt:nth-of-type(odd),
dl.striped > dd:nth-of-type(odd) {
  background-color: #f7f8f6;
}

dl.striped > dd {
  margin-bottom: 0 !important;
}

dl.striped > dt,
dl.striped > dd {
  padding-top: 0.3em !important;
  padding-bottom: 0.3em !important;
}

@media (min-width: 576px) {
  #taxonomy-modal .card-body .col-sm-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 768px) {
  #taxonomy-modal .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#taxonomy-modal .panel-vocabulary-description,
#taxonomy-modal .panel-taxonomy-description {
  display: none;
}

.datepicker table tr td span {
  display: block;
  width: 100%;

  cursor: pointer;

  white-space: nowrap;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px) {
  .datepicker {
    width: 35rem !important;  /* Not perfect, but the days are readable */
  }
}

@media (min-width: 1025px) {
  .datepicker {
    max-width: 100% !important;
  }
}

#categoricalSummary .table td {
  padding: 0.2rem 0.5rem;
}

#categoricalSummary .table th {
  padding: 0.2rem 0.5rem;
}

.accordion .card-header > button:after {
  font-family: "FontAwesomeFree";
  content: "\f067";
  float: right;
}

.accordion .card-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.accordion .card-header > button[aria-expanded="true"]:after {
  content: "\f068";
}

.accordion .card-header > button:hover,
.accordion .card-header > button:focus,
.accordion .card-header > button:active {
  outline: none; /* Remove the outline when focused */
  box-shadow: none; /* Remove box-shadow to make it clean */
  text-decoration: none; /* Prevent underline on focus or active state */
}

.accordion .list-unstyled li {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
.accordion .list-unstyled li i {
  text-indent: 0;
}

#tab_coverage #vosr-coverage-result thead tr:last-child th:nth-child(n + 2),
#tab_coverage #vosr-coverage-result tbody tr td:nth-child(n + 2) {
  text-align: left;
}

#taxonomy-modal .btn.datasets,
#taxonomy-modal .btn.variables {
  display: none;
}

/*
  HACK Until we create SCSS files

  The BS has this code overridden by `bootstrap-3-4` giving 15px paddings:

  padding-right: $gutter / 2;
  padding-left: $gutter / 2;

*/
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.popover-row {
  white-space: nowrap !important;
}

.popover-body p {
  margin-bottom: 0 !important;
}

#harmo-status-popover .popover {
  width: 35rem;
  max-width: none;
}

#search-application {
  #sidebar {
    a {
      color: #555 !important;

      &:hover {
        color: #090c30;
      }
    }
  }
}

#tab_lists {
  #results-tabContent {
    #vosr-studies-result {
      thead {
        tr:nth-child(1) {
          th:nth-child(n + 5),
          tr:last-child th:nth-child(n + 6) {
            text-align: right;
          }
        }
        tr:last-child th:nth-child(n + 6) {
          text-align: right;
        }
      }
      tbody {
        tr {
          td:nth-child(n + 10) {
            text-align: right;
          }
        }
      }
    }

    #vosr-datasets-result {
      thead {
        tr {
          th:nth-child(n + 4) {
            text-align: right;
          }
        }
      }
      tbody {
        tr {
          td:nth-child(n + 4) {
            text-align: right;
          }
        }
      }
    }

    #vosr-coverage-result {
      thead {
        tr:last-child th:nth-child(n + 2) {
          text-align: right;
        }
      }
      tbody {
        tr {
          td:nth-child(n + 2) {
            text-align: right;
          }
        }
      }
    }
  }
}

#vosr-coverage-result .badge.badge-primary {
  font-size: 100%;
  color: #292fe9;
  background-color: initial;
  padding: 0;
}

#timeline, #studies-timeline {
  svg {
    path {
      cursor: pointer !important;
    }

    text {
      cursor: default !important;
    }

    text.timeline-label {
      cursor: pointer !important;
    }

  }
}

table#vosr-variables-result th.column-label {
  width: 30% !important;
}

table#vosr-variables-result th.column-annotations {
  width: 30% !important;
}

li.variables .nav-link.active,
li.variables .nav-link:hover,
.btn.variables:hover {
  background-color: #292fe9 !important;
  border-radius: unset !important;
  color: #fff !important;
}

li.datasets .nav-link.active,
li.datasets .nav-link:hover,
.btn.datasets:hover {
  background-color: #292fe9 !important;
  border-radius: unset !important;
  color: #fff !important;
}


li.variables,
li.datasets,
.btn.variables
.btn.datasets {
  border: solid 2px #292fe9 !important;
  border-radius: 4px !important;
  margin-right: 10px !important;
}

li.variables .nav-link, li.datasets .nav-link {
  color: #292fe9 !important;
}


/* A little hack to align marked lists */
.marked-list ul {
  padding-left: 1.2rem;
}

.cag-check-list ul {
  list-style: none;
  padding-left: 0;
}

.cag-check-list ul li {
  display: flex;            /* Ensures the icon and text are inline */
  align-items: flex-start;  /* Aligns text to the top */
}

.cag-check-list ul li::before {
  content: "\f058";         /* FontAwesome check icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  flex-shrink: 0;           /* Prevents the icon from shrinking */
}


#variables-content-summary-tab-items .nav-link {
  text-align: start;
  height: 100%;
  white-space: normal;
  word-break: break-word;
  display: flex;
  align-items: center;
}

#search-application .alert a i {
  text-decoration: inherit;
}

/* Can be removed when core Mica adds this class */
.progress-bar-transparent {
  opacity: 0 !important;
}

.yaxislayer, .yaxislayer-above { pointer-events: all; }


/*
 * Data Access
 */

#data-access-page .content-header h1,
#data-access-amendment-form-page .content-header h1,
#data-access-form-page .content-header h1,
#data-access-feasibility-page .content-header h1,
#data-access-documents-page .content-header h1,
#data-access-comments-page .content-header h1,
#data-access-history-page .content-header h1,
#data-access-private-comments-page .content-header h1 {
  margin-top: 0.2em !important;
}

#data-access-page .content-header h1 .text-white-50,
#data-access-amendment-form-page .content-header h1 .text-white-50,
#data-access-form-page .content-header h1 .text-white-50,
#data-access-feasibility-page .content-header h1 .text-white-50,
#data-access-documents-page .content-header h1 .text-white-50,
#data-access-comments-page .content-header h1 .text-white-50,
#data-access-history-page .content-header h1 .text-white-50,
#data-access-private-comments-page .content-header h1 .text-white-50 {
  color: #6c757d !important;
}

/* acess resquest form */
form[name="forms.requestForm"] .bg-darker {
	background-color: #E8E8E8;
}

form[name="forms.requestForm"] .row label {
	margin-bottom: 0;
	margin-top: 12px;
}