/**
 * @file
 * Subtheme specific CSS.
 */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
 /*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');*/
  /* Custom CSS for Sentinel Portal Module */
 html {
     font-size: 100%;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     line-height: 1.4;
 }
 body {
   font-size: 81.25%;
   line-height: 1.45;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
 }
 h1 {
     font-size: 2em;
 }
 h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1.1em;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
     font-weight: 300;
     color: #111111;
     line-height: 1.4;
 }
 #header.header {
     border-bottom: 1px solid #D8D8D8;
     font-size: 1.3em;
     background-color: #F2F2F2;
 }
 #header.header a.navbar-brand {
    font-size: 1em;
    margin: 0 auto;
    padding: 0.8em 1em;
    color: #333333;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
}
 #header.header ul.nav.navbar-nav li.nav-item {
     border: 1px solid #D8D8D8;
     border-top-width: 0;
     border-bottom-width: 0;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     text-align: center;
     width: 63px;
     height: 64px;
     line-height: 64px;
     min-width: 63px;
 }
 #header.header ul.nav.navbar-nav li.nav-item:not(:last-child) {
     border-right: 0;    
 }
 #header.header ul.nav.navbar-nav li.nav-item a.nav-link {
     position: relative;
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: var(--fa-display, inline-block);
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     font-size: 0;
     color: #333333;
     padding: 1.05em;
     text-decoration: none;
     width: 62px;
     height: 64px;
 }
 #header.header ul.nav.navbar-nav li.nav-item a.nav-link::before {
     color: #333;
     display: inline-block;
     font-size: 1.3rem;
 }
 #header.header ul.nav.navbar-nav li.nav-item a.nav-link--portal-notices::before {
     content: "\f0f3";    
 }
 #header.header ul.nav.navbar-nav li.nav-item a.nav-link--user::before {
     content: "\f007";
 }
 #header.header ul.nav.navbar-nav li.nav-item a.nav-link[class*="nav-link--user-logout"]::before {
     content: "\f08b";
 }
 div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link::before {
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: var(--fa-display, inline-block);
     font-style: normal;
     font-variant: normal;
     line-height: 1;
     text-rendering: auto;
     margin-right: 0.5rem;
 }
 div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link.your-portal::before {
  content: "\f015";
 }
 div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link.submitted-packs::before {
  content: "\f492";
 }
 div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link.submit-a-pack::before,
 div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link.bulk-upload::before {
  content: "\f0ee";
 }
#header.header a.navbar-brand img {
    margin-right: 0.5rem;
    max-width: 134px;
}
 #main-wrapper .container {
     width: 100%;
     max-width: 96rem;
     margin-right: auto;
     margin-left: auto;
 }
 #main-wrapper .container>.row {
    margin: 0;
}
div#sidebar_first.sidebar {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 18rem;
    background-color: #F8F8F8;
    border-right: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    padding: 0;
    font-size: 1.2em;
    border-bottom: 1px solid #D8D8D8;
}
 main#content * + * {
    margin-top: 1.5em;
}
 div#sidebar_first.sidebar nav {
     padding: 0;
     margin: 0;
     border: 0;
     background: none;
 }
 div#sidebar_first.sidebar nav ul.nav {
     margin: 0;
     display: block;
 }
div#sidebar_first.sidebar nav ul.nav li.nav-item {
    border: 1px solid #D8D8D8;
    border-right-width: 0;
    border-left-width: 0;
    position: relative;
    border-bottom: 0;
}
div#sidebar_first.sidebar nav ul.nav>li.nav-item:first-child {
    border-top: 0;
}
 div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link {
     color: #333333;
     display: block;
     padding: 1.05em;
     text-decoration: none;
     font-weight: 400;
     font-size: 1em;
 }
 .layout-main-wrapper main#content {
     padding: 2em;
 }
 div#block-sentinel-portal-sentinelportaltestanalytics {
     margin-top: 1.5em;
 } 
 div#sidebar_first.sidebar nav ul.nav li.nav-item ul.menu {
     padding: 0;
     list-style: none;
    display: none;
 }
 div#sidebar_first.sidebar nav ul.nav li.nav-item ul.menu a.nav-link {
     padding-left: 2em;
 }
 div#sidebar_first.sidebar nav ul.nav li.nav-item.active>.nav-link.is-active {
    background-color: #D8D8D8;
}
div#sidebar_first.sidebar nav ul.nav li.nav-item.menu-item--expanded.is-open > ul.menu,
div#sidebar_first.sidebar nav ul.nav li.nav-item.menu-item--expanded.is-active-trail > ul.menu {
    display: block;
}
 .portal-welcome {
     padding-left: 1rem;
     margin-top: 1.5em;
 }
 .page-content__user-forms {
     margin: 0 auto;
     max-width: 35rem;
     text-align: center;
   }
   
   .page-content__user-forms form {
     clear: both;
   }
   
   .page-content__user-forms label,
   .page-content__user-forms input,
   .page-content__user-forms .description {
     text-align: left;
   }
   form label{
    text-align: left;
    display: block;
    font-weight: bold;
    margin: 0 0 8px;
}
form .description {
    font-size: 0.9em;
    font-style: italic;
    display: block;
    color: #333 !important;
}
form label + .description,
form small.description {
    margin-top: 0.5rem !important;
}
form label + input,
form label + select {
    margin-top: 0 !important;
}
form .js-form-item {
    margin-top: 1.5em;
    margin-bottom: 0!important;
}
form fieldset {
    padding: 0.35em 0.75em 0.625em;
    border: 1px solid #ccc;
    margin-top: 1.5em;
    border-radius: 0;
}
form fieldset legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    margin: 0;
    font-size: 93.75%;
    line-height: 1.5;
    font-weight: 300;
    float: none;
    width: auto;
}
form fieldset fieldset {
    background: none;
    border: 1px solid #ccc !important;
    padding: 0.35em 0.75em 0.625em;
}
 .page-content__user-forms .form-actions {
   margin-top: 1em;
   margin-bottom: 0 !important;
 }

input[type=text], input[type=email], input[type=password], select, textarea, select.form-select {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
    border: 1px solid #bbb;
    box-shadow: rgba(0,0,0,0.1) 0 3px 3px inset;
    border-radius: 0.3em;
    font-family: "Open Sans","Helvetica Neue",Helvetica,sans-serif;
    height: 34px;
}
.page-content__user-forms .user-login__links {
    text-align: left;
    margin: 10px  0 0;
}
.page.page--user-login .container {
    padding: 0;
}
.page-user-password form.user-pass p {
    display: none;
}
.page-user-password form.user-pass .form-actions {
    margin-top: 1.5em;
    padding-top: 0.5em;
}
.landing-well{
    margin-bottom: 1.5em;
}
   
main#content table {
    border: 1px solid #d0d0d0;
    border-collapse: collapse;
    min-width: 100%;
    text-align: left;
    margin-top: 0;
    font-size: 100%;
    margin-bottom: 0;
}
main#content table thead th span.tablesort {
    display: none;
} 
main#content table thead th, main#content table thead td {
    background-color: #D8D8D8;
    box-shadow: none;
    color: #333;
}
main#content table tr {
    border: 0;
}
main#content table thead th a, main#content table thead td a {
    color: #333;
    text-decoration: none;
}  
main#content table tbody td {
    background: #fff;
    box-shadow: none;
}
main#content table tbody tr:nth-child(even) td {
    background-color: #F2F2F2;
}
main#content table thead th, main#content table tbody td {
    padding: 1em;
    border: 0;
}
main#content table tr td .dropbutton-wrapper {
    margin-right: 0;
    padding-right: 2em;
}
table tr td .dropbutton-wrapper li.dropbutton-toggle {
    margin-top: 0 !important;
    background: #D8D8D8;
}
table tr td .dropbutton-wrapper ul li {
    margin-top: 0 !important;
    text-align: left;
}
nav .pagination {
    justify-content: center;
    margin-bottom: 0;
    font-size: 0.85rem;
    gap: 3px;
    line-height: 1;
}
.pagination li.page-item {
    margin-top: 0 !important;
}
.pagination li.page-item .page-link {
    display: inline-block;
    padding: 0.5rem 0.7rem;
    background: #E22019;
    color: white;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.pagination li.page-item.active .page-link,
.pagination li.page-item .page-link:hover {
    background: #b3b3b3;
    color: #E22019;
}
form.sentinel-client-list .table-filter {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 0 !important;
}
form.sentinel-client-list .table-filter>div {
    float: left;
    padding: .5em 1em 0 0;
    margin-top: 1rem !important;
    width: 25%;
}
form.sentinel-client-list .table-filter>div.form-actions {
    margin-bottom: 0 !important;
    width: auto;
    margin-top: 1.5em !important;
}
.sentinel-client-list .table-responsive,
form.sentinel-client-list nav[aria-label] {
    clear: both;
    float: left;
    width: 100%;
}
main#content .content, main#content .block-page-title-block,
div#block-sentinelportal-theme-system-main {
    margin-top: 0;
}
.tiles .tiles__tile {
    margin-top: 0 !important;
}
.sentinel-sample-list-filter-form summary[role="button"] {
    display: none;
}
.sentinel-sample-list-filter-form .details-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1em;
}
form.failures-search-form #failures-search-form__form-inputs {
    display: block;
    padding: 1em;
    background-color: #F2F2F2;
    margin: 1.5em 0 0;
}
form.failures-search-form h4 {
    font-weight: 700;
    margin: 0;
}
form.failures-search-form label {
    margin: 0;
}
form.failures-search-form div#failures-search-form__form-inputs__container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}
form.failures-search-form div#failures-search-form__form-inputs__container>div {
    width: 100%;
    max-width: 25%;
    padding-left: 1rem;
}
form.failures-search-form div#failures-search-form__form-inputs__container>div#failures-search-form__date-range {
    max-width: 50%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
}
form.failures-search-form div#failures-search-form__form-inputs__container>div#failures-search-form__date-range>div {
    max-width: 50%;
    width: 100%;
}
form.failures-search-form div#failures-search-form__form-inputs__container>div#failures-search-form__date-range>div:last-child {
  padding-left: 1rem;
}
form.failures-search-form div#failures-search-form__form-inputs__container button.button {
    margin-top: 0 !important;
}
div#failures-search-form__graphs-and-data {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
div#failures-search-form__total-tests, 
div#failures-search-form__success-rate, 
div#failures-search-form__donut-chart {
    display: block;
    padding: 1em;
    background-color: #F2F2F2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.failures-search-form h3.failures-search-form__section-title {
    font-size: 1em;
    font-weight: 700;
}
.failures-search-form h3.failures-search-form__section-title::after {
    display: block;
    width: 100%;
    height: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #D8D8D8;
    content: "";
}
.failures-search-form span#failures-search-form__success-rate__figure {
    margin: 0 auto;
    font-size: 4em !important;
    font-weight: 700;
    text-align: center;
    color: forestgreen;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.failures-search-form .failures-search-form__total-tests__stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0 !important;
    overflow-x: auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.failures-search-form .failures-search-form__total-tests__stat {
    margin-top: 0;
    font-size: 1.5em;
    text-align: center;
    width: 100%;
}
.failures-search-form .failures-search-form__total-tests__stat + .failures-search-form__total-tests__stat {
    margin-left: 1.5rem;
    padding-left: 1.5rem;
    border-left: 2px solid #D8D8D8;
    margin-top: 0 !important;
}
.failures-search-form .failures-search-form__total-tests__figure {
    font-size: 1.5em;
    font-weight: 700;
    display: block;
}
.failures-search-form .failures-search-form__group, 
.failures-search-form div#failures-search-form__donut-chart {
    width: 50%;
    margin-top: 0;
}
.failures-search-form .failures-search-form__group {
    padding-right: 1rem;
}
.failures-search-form .failures-search-form__group {
    padding-right: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
}
.view-sentinel-sample form .js-form-item {
    padding-right: 1em;
    width: 100%;
    max-width: 20%;
}
.view-sentinel-sample form .form-actions {
    margin: 0 !important;
}
table.sticky-header thead {
    top: 0;
}
.view-pdf-logic form .js-form-item {
    padding-right: 1rem;
}
.page-content {
  padding: 2em;
}
.constrain {
  width: 100%;
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}

.content > h1.title {
  text-align: left;
}
 

@media (min-width: 75rem) {
  .page-content {
    padding-right: 0;
  }
}

 @media (min-width: 48em) {
     .page-main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
    .page-content {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .layout-main-wrapper main#content {
       position: relative;
       overflow-x: hidden;
       overflow-y: auto;
       -webkit-flex: 1 1 60%;
       -ms-flex: 1 1 60%;
       flex: 1 1 60%;
       padding-right: 0;
   }
 }
   @media (min-width: 30em) {
     body {
         font-size: 93.75%;
         line-height: 1.5;
     }
 }
   @media (min-width: 768px) {
     .page-content__user-forms .form-actions {
       float: right;
     }
   }
   
   .page-content__user-forms .form-misc-actions {
     margin-top: 2em;
     text-align: left;
   }
   
   @media (min-width: 768px) {
     .page-content__user-forms .form-misc-actions {
       float: left;
     }
   }
   
   .tiles {
     display: block;
     margin-bottom: 0;
     margin-left: 0;
   }
   
   @media (min-width: 768px) {
     .tiles {
       display: flex;
       flex-direction: row;
       justify-content: flex-start;
       align-items: stretch;
       flex-wrap: wrap;
       margin-bottom: -1rem;
       margin-left: -1rem;
     }
   
     .tiles .tiles__tile {
       flex: 1 1 50%;
       margin: 0;
       padding-bottom: 1rem;
       padding-left: 1rem;
     }
   }
   
   @media (min-width: 992px) {
     .tiles .tiles__tile {
       flex-basis: 25%;
     }
   }
@media (max-width: 1330px) {
    .view-sentinel-sample form .js-form-item {
        max-width: 33%;
    }
}  
@media (max-width: 940px) {
    .view-sentinel-sample form .js-form-item {
        max-width: 50%;
    }
}
@media (max-width: 475px) {
    .view-sentinel-sample form .js-form-item {
        max-width: 100%;
        padding-right: 0;
    }
} 
   .tile {
     display: block;
     background-color: #D8D8D8;
     font-weight: 400;
     overflow: hidden;
   }
   
   .tile--success {
     display: block;
     background-color: #71C167;
     color: white;
     font-weight: 400;
     overflow: hidden;
   }
   
   .tile--success .tile__heading {
     background-color: #3FB648;
   }
   
   .tile--fail {
     display: block;
     background-color: #F15A3F;
     color: white;
     font-weight: 400;
     overflow: hidden;
   }
   
   .tile--fail .tile__heading {
     background-color: #ED2322;
   }
   
   .tile--pending {
     display: block;
     background-color: #2282C5;
     color: white;
     font-weight: 400;
     overflow: hidden;
   }
   
   .tile--pending .tile__heading {
     background-color: #006EB9;
   }
   
   .tile__heading,
   .tile__content {
     margin: 0 !important;
     padding: 1em;
   }
   
   .tile__heading {
     box-shadow: 0 0 0.5em black;
   }
   
   .tile__stat {
     font-size: 2em;
     font-weight: 700;
   }
   
   .lozenge--passed {
     display: inline-block;
     padding: 0.4em 0.6em;
     min-width: 7em;
     border-radius: 100em;
     color: white;
     font-weight: 700;
     text-align: center;
     background-color: #28a745;
   }
   
   .lozenge--failed {
     display: inline-block;
     padding: 0.4em 0.6em;
     min-width: 7em;
     border-radius: 100em;
     color: white;
     font-weight: 700;
     text-align: center;
     background-color: #dc3545;
   }
   
   .lozenge--pending {
     display: inline-block;
     padding: 0.4em 0.6em;
     min-width: 7em;
     border-radius: 100em;
     color: white;
     font-weight: 700;
     text-align: center;
     background-color: #006EB9;
   }
   
   .responsive-overflow {
     display: block;
     overflow-x: auto;
     width: 100%;
   }
   
  #edit-field-user-cohorts-und {
    height: 400px;
  }
  
  /* Notice count badge */
  .notice-count {
    display: inline-block;
    min-width: 20px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #dc3545;
    border-radius: 10px;
    margin-left: 5px;
  }
  
  .badge-danger {
    background-color: #dc3545;
  }

/* Legacy certificate action links */
.link-download {
  color: #333333;
  display: inline-block;
  font-weight: 400;
  margin-top: 0 !important;
  margin-left: 1.5rem;
  text-decoration: none;
}

.link-download:after {
  content: "\f1c1";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.3rem;
  font-size: 0.95rem;
  display: inline-block;
}

/* Certificate layout (matches Drupal 7 styling) */
.pdf-report {
  display: block;
  width: 21cm;
  height: 29.7cm;
  padding: 0.7cm;
  background-color: #ffffff;
  border: 0.03cm solid #b3b3b3;
  font-size: 0.3cm;
  font-weight: 400 !important;
}

.pdf-report * + * {
  margin-top: 0.2cm !important;
}

.pdf-report .pdf-report__header:after {
  content: "";
  display: table;
  clear: both;
}

.pdf-report .pdf-report__logo {
  float: left;
}

.pdf-report .pdf-report__logo-image,
.pdf-report .pdf-report__logo-caption {
  display: inline-block;
  vertical-align: middle;
  max-width: 120px;
}

.pdf-report .pdf-report__logo-caption {
  border-left: 0.03cm solid #000000;
  color: #000000;
  font-size: 0.7cm;
  margin-top: 0 !important;
  margin-left: 0.4cm;
  padding-left: 0.4cm;
}

.pdf-report .pdf-report__overall-result {
  float: right;
  margin-top: 0 !important;
}

.pdf-report h1,
.pdf-report h2,
.pdf-report h3 {
  font-weight: 700 !important;
  margin-bottom:0;
}

.pdf-report h1 {
  font-size: 0.5cm;
  line-height: 0.5;
}

.pdf-report h2 {
  font-size: 0.35cm;
}

.pdf-report table {
  border-collapse: collapse;
  box-shadow: none;
  table-layout: fixed;
}

.pdf-report table.table-layout th,
.pdf-report table.table-layout td {
  border: none !important;
  padding: 0 !important;
}

.pdf-report table th,
.pdf-report table td {
  border: 0.03cm solid #b3b3b3 !important;
  margin: 0 !important;
  padding: 0.2cm;
  vertical-align: top;
}

.pdf-report table th.is-highlighted,
.pdf-report table td.is-highlighted {
  background-color: #d9d9d9 !important;
}

.pdf-report table th.is-empty,
.pdf-report table td.is-empty {
  background-color: #808080 !important;
}

.pdf-report table th {
  background-color: #b3b3b3 !important;
  color: #000000;
}

.pdf-report table td {
  background-color: #ffffff !important;
}

.pdf-report .table-horizontal th {
  text-align: right;
}

.pdf-report .table-centered {
  text-align: center;
}

.pdf-report .table-centered th,
.pdf-report .table-centered td {
  border: 0.03cm solid #808080 !important;
  padding: 0;
  width: 25%;
}

.pdf-report a {
  color: #E22019;
  text-decoration: none;
}

.pdf-report .social-links {
  display: block;
  margin-top: 0.1cm;
  float: right;
}

.pdf-report .social-links__link {
  color: #000000;
  font-weight: 700;
}

.pdf-report .social-links__link + .social-links__link {
  margin-left: 0.7cm;
}

.pdf-report .social-links__link * {
  display: inline-block;
  margin-top: 0 !important;
  vertical-align: middle;
}

.pdf-report small {
  font-size: 0.24cm;
}

.pdf-report .table-layout .table-layout img {
  margin-left: 50px !important;
}

.pdf-report table.recommendations-table {
  margin-top: 0 !important;
}

.pdf-report .table-horizontal img,
.pdf-report .recommendations-table img {
  margin-top: 0 !important;
}

.pdf-report table tr td {
  line-height: 0.9;
}

.pdf-report table.table-layout,
.pdf-report table.table-horizontal {
  margin-top: 0 !important;
}

.pdf-report table.table-layout td {
  border: none !important;
  padding: 0 !important;
  border-color: #ffffff !important;
}

.pdf-report td,
.pdf-report th {
  padding: 2px 2px 1px 1px !important;
  vertical-align: top !important;
}

.pdf-report .table-horizontal th,
.disclaimer {
  text-align: right;
}

.small {
  width: 28%;
}

/* Standalone certificate page layout */
body.path-view-my-results {
  background-color: #f5f5f5;
}

.certificate-standalone-wrapper {
  padding: 2rem 0;
  display: flex;
  justify-content: center;
}

.certificate-standalone {
  max-width: 900px;
  width: 100%;
  background-color: #ffffff;
  padding: 0;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
}

.certificate-standalone .responsive-overflow {
  overflow-x: auto;
}

body.path-view-my-results .page-title,
body.path-view-my-results #page-wrapper > header,
body.path-view-my-results #page-wrapper > footer,
body.path-view-my-results .breadcrumb,
body.path-view-my-results .region-sidebar-first,
body.path-view-my-results .region-sidebar-second,
/*body.path-view-my-results #block-sentinelportal-theme-system-main h1 */
{
  display: none !important;
}
#block-sentinelportal-theme-system-main .sentinel-portal-main h1{display:none}
.page-view-sentinel-sample .portal-tile-t h1{display:none}
.mbtn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 5px 27px;
    display: inline-block;
    margin: 15px 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.mbtn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.mbtn:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.mbtn-6 {
    color: #fff;
    background: #551A8B;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.mbtn-6:active {
    top: 2px;
}

.mbtn-6a {
    border: 4px solid #226fbe;
}

.mbtn-6a:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6b {
    border: 4px solid #226fbe;
    border-radius: 15px;
}

.mbtn-6b:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6c {
    border: 2px solid #551A8B;
    border-radius: 60px;
}

.mbtn-6c:hover {
    background: transparent;
    color: #551A8B;
}

.mbtn-6d {
    border: 2px dashed #226fbe;
}

.mbtn-6d:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6e {
    border: 2px dashed #226fbe;
    border-radius: 15px;
}

.mbtn-6e:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6f {
    border: 2px dashed #226fbe;
    border-radius: 60px;
}

.mbtn-6f:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6g {
    border: 2px dotted #226fbe;
}

.mbtn-6g:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6h {
    border: 2px dotted #226fbe;
    border-radius: 15px;
}

.mbtn-6h:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6i {
    border: 2px dotted #226fbe;
    border-radius: 60px;
}

.mbtn-6i:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6j {
    border: 4px double #226fbe;
}

.mbtn-6j:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6k {
    border: 4px double #226fbe;
    border-radius: 15px;
}

.mbtn-6k:hover {
    background: transparent;
    color: #226fbe;
}

.mbtn-6l {
    border: 4px double #226fbe;
    border-radius: 60px;
}

.mbtn-6l:hover {
    background: transparent;
    color: #226fbe;
}
.page-view-sentinel-sample .portal-welcome{display:none;}

#header.header nav#navbar-main .collapse {
  height: unset;
}
#header.header nav#navbar-main {
  margin-bottom: 0;
}
#header.header ul.nav.navbar-nav {
  padding: unset;
  margin: 0;
  display: flex;
}

div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link.admin-area {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
div#sidebar_first.sidebar nav ul.nav li.nav-item a.nav-link.admin-area::before {
  content: "\f013";
  margin: 0;
}

select.form-select#edit-field-user-cohorts {

    height: 400px;

}

a.nav-link.admin-area::before {
  content: "\f013";
  margin: 0;
}

a.nav-link.admin-area {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#ui-datepicker-div {
  z-index: 2000 !important;
}

form#views-exposed-form-test-page .views-submit-button, form#views-exposed-form-test-page .views-reset-button {
    margin-top: 0 !important;
    position: relative;
    bottom: 30px;
}
@media (max-width: 1071px) {
	form#views-exposed-form-test-page .views-submit-button, form#views-exposed-form-test-page .views-reset-button {
	    position: unset;
	}
}

.sentinel-sample-actions a.mbtn:active,
.sentinel-sample-actions a.mbtn:focus{
    color: #fff;
    background: rgb(85, 26, 139);
}
/* Show only on frontpage */
.path-frontpage .portal-tile-t {
  display: block;
}

/* Hide on all other pages */
.portal-tile-t {
  display: none;
}

form.views-exposed-form.submitted-filters .views-exposed-widgets {display: flex !important;flex-wrap: wrap !important;align-items: flex-start !important;grid-gap: 0 15px !important;}
form.views-exposed-form.submitted-filters .views-exposed-widgets .js-form-item {width: calc(20% - 15px);}
form.views-exposed-form.submitted-filters .views-exposed-widgets button.button.button--primary {margin: 0 !important;}
.route-sentinel-portal-samples-test .portal-welcome{
  display:none;
  }
 
table{border: 1px solid #D8D8D8;min-width: 100%;
text-align: left;margin: 0;
} 
.pdf-report table td[align="right"] {
  text-align: right;
}
.pdf-report table td[align="center"] {
  text-align: center;
}
.test-table-records tr th {
    text-align: center;
}
table, .pdf-report table tr td{font-size: 0.3cm;}

.table-centered.test-table-records {
  font-size: 0.24cm;
}

.pdf-report .table-centered.test-table-records, .pdf-report .table-centered.test-table-records td {
  font-size: 0.24cm;
}
.pdf-report small {
  font-size: 0.24cm;
}
.sentinel-sample-address .list-group-item {
  border: 0;
  padding: 0;
  margin: 0;
}