/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../united-health-care/cartridges/app_custom_relatehearing/cartridge/client/default/scss/resourcesUserManuals.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.nav-tabs {
  display: none;
}

@media (min-width: 768px) {
  .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card {
    border: none;
  }
  .card .card-header {
    display: none;
  }
  .card .collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 768.98px) {
  /* 
   * Changed selector to `.tab-content > .tab-pane` in order to override `.fade:not(.show)`
   * In BS4 Beta `.tab-pane`s were rendered hidden by just `.fade`
   */
  .tab-content .tab-pane {
    display: block;
    opacity: 1;
    border: 0;
  }
  .tab-content .card-header {
    background-color: #f4f4f4;
    border: 0;
  }
  .tab-content .card-header.active {
    border-left: 3px solid #0A2859;
  }
  .tab-content .card-header a {
    text-decoration: none;
  }
}
.relate-user-manual-section .nav-tabs {
  border: none;
}
.relate-user-manual-section a.nav-link {
  background-color: #f4f4f4;
  color: #0A2859 !important;
  font-weight: 700;
  text-align: center;
}
.relate-user-manual-section a.nav-link.active {
  border-bottom: none;
  border-top: 3px solid #0A2859;
}
.relate-user-manual-section .manuals-section .manual-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.relate-user-manual-section .manuals-section .manual-wrapper .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.relate-user-manual-section .manuals-section .manual-wrapper .manual-link {
  color: #118C62 !important;
  font-weight: 700;
}
.relate-user-manual-section .manuals-section .manual-wrapper .manual-link::after {
  content: " ";
  line-height: 22px;
  margin-left: 5px;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L4.9425 1.0575L9.1275 5.25H0V6.75H9.1275L4.9425 10.9425L6 12L12 6L6 0Z' fill='%23118C62'/%3E%3C/svg%3E%0A");
}
.relate-user-manual-section .manuals-section .manual-wrapper .manual-name {
  font-size: 24px;
}
.relate-user-manual-section .manuals-section .manual-wrapper img {
  max-height: 160px;
}

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