@font-face {
  font-family: 'covid';
  src:
  url('fonts/covid.ttf?rceyv0') format('truetype'),
  url('fonts/covid.woff?rceyv0') format('woff'),
  url('fonts/covid.svg?rceyv0#covid') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="covid "], [class*=" covid "] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'covid' !important;
}
.covid .fal, .covid .fas, .covid .far, .covid .fa-fw {
  font-family: 'covid' !important;
}
/*--*/
.fas.fa-exclamation:before {
  content: "\e900";
}
.fal.fa-check:before {
  content: "\f901";
}
.fas.fa-caret-down:before {
  content: "\e0d7";
}
.fal.fa-caret-right:before {
  content: "\f0da";
}
.fas.fa-caret-right:before {
  content: "\e0da";
}
.fal.fa-caret-up:before {
  content: "\f0d8";
}
.fas.fa-caret-up:before {
  content: "\e0d8";
}
.fal.fa-check-circle:before {
  content: "\f058";
}
.fal.fa-clinic-medical:before {
  content: "\f7f2";
}
.fal.fa-cog:before {
  content: "\f013";
}
.fal.fa-comment-medical:before {
  content: "\f7f5";
}
.fal.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\e90b";
}
.fal.fa-heart-rate:before {
  content: "\f5f8";
}
.fal.fa-heartbeat:before {
  content: "\f21e";
}
.fal.fa-hospital-symbol:before {
  content: "\f47e";
}
.fal.fa-laptop-medical:before {
  content: "\f812";
}
.fal.fa-monitor-heart-rate:before {
  content: "\f611";
}
.fal.fa-mortar-pestle:before {
  content: "\f5a7";
}
.fal.fa-tooth:before {
  content: "\f5c9";
}
.fal.fa-user-md:before {
  content: "\f0f0";
}
.fal.fa-user-nurse:before {
  content: "\f82f";
}
.fal.fa-caret-down:before {
  content: "\f0d7";
}
.fal.fa-angle-down:before {
  content: "\f107";
}
.fal.fa-angle-left:before {
  content: "\f104";
}
.fal.fa-angle-right:before {
  content: "\f105";
}
.fal.fa-angle-up:before {
  content: "\f106";
}
.fal.fa-bars:before {
  content: "\f0c9";
}
.fal.fa-calendar-alt:before {
  content: "\f073";
}
.fal.fa-calendar-check:before {
  content: "\f274";
}
.fal.fa-check-square:before {
  content: "\f14a";
}
.fal.fa-chevron-down:before {
  content: "\f904";
}
.fal.fa-chevron-right:before {
  content: "\f054";
}
.fal.fa-chevron-up:before {
  content: "\f077";
}
.fal.fa-circle:before {
  content: "\f112";
}
.fal.fa-clock:before {
  content: "\f018";
}
.fal.fa-copy:before {
  content: "\f0c5";
}
.fal.fa-dot-circle:before {
  content: "\f192";
}
.fal.fa-ellipsis-v:before {
  content: "\f142";
}
.fal.fa-exclamation-triangle:before {
  content: "\f071";
}
.fal.fa-external-link:before {
  content: "\f08e";
}
.fal.fa-flask:before {
  content: "\f0c3";
}
.fal.fa-history:before {
  content: "\f1da";
}
.fal.fa-info-circle:before {
  content: "\f05a";
}
.fal.fa-key:before {
  content: "\f084";
}
.fal.fa-phone:before {
  content: "\f095";
}
.fal.fa-plus-circle:before {
  content: "\f055";
}
.fal.fa-square:before {
  content: "\f0c8";
}
.fal.fa-times:before {
  content: "\f00d";
}
.fal.fa-times-circle:before {
  content: "\f057";
}
.fal.fa-trash:before {
  content: "\f1f8";
}
.fal.fa-user:before {
  content: "\f007";
}
.far.fa-ban:before, .fas.fa-ban:before {
  content: "\f05e";
}
.fas.fa-check-circle:before {
  content: "\e058";
}
.fas.fa-check-square:before {
  content: "\e903";
}
.fas.fa-circle:before {
  content: "\e111";
}
.fas.fa-exclamation-triangle:before {
  content: "\e071";
}
.fas.fa-hexagon:before {
  content: "\e312";
}
.fas.fa-info-circle:before {
  content: "\e05a";
}
.fas.fa-question-circle:before {
  content: "\e059";
}
.fas.fa-square:before {
  content: "\e0c8";
}
.fas.fa-user:before {
  content: "\e007";
}

.link-is-external::after {
  font-family: 'covid' !important;
  content: "\f08e";
  padding-left: 0.25rem;
  display: inline-block
}

:not(a).link-is-external::after {
  color: #14769d;
  font-size: 1rem;
}

.oux-section .icon, .oux-record .icon {
  font-size: 1.5rem;
}
.oux-callout .icon {
  font-size: 1.25rem;
}
.oux-callout .accordion {
  padding: 0 !important;
  margin-left: calc(-1rem - -1px) !important;
  margin-right: calc(-1rem - -1px) !important;
}

.oux-section[data-toggle="collapse"] {
  position: relative;
  cursor: pointer;
}
.oux-section[data-toggle="collapse"]::before {
  font-family: 'covid' !important;
  content: "\f077";
  position: absolute;
  display: block;
  right:1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.oux-section[data-toggle="collapse"].collapsed::before {
  content: "\f054";
}
.oux-legend-section[data-toggle="collapse"]::before {
  font-family: 'covid' !important;
  content: "\f077";
  position: absolute;
  display: block;
  right:1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.oux-legend-section[data-toggle="collapse"].collapsed::before {
  content: "\f054";
}

.result-card .card-footer {
  padding: .75rem 1rem;
}

.onec-oh-logo {
  display: none;
}
html[lang="en"] .onec-oh-logo.onec-oh-logo-en, html[lang="fr"] .onec-oh-logo.onec-oh-logo-fr {
  display:inline-block;
}

span[data-toggle="popover"] {
  outline:0 !important;
}

.separator {
  color: #ccc;
}

.info-name {
  font-size: 18px;
  color: #333;
}

.lang-btn{
  background-color:transparent;
  border: none;
}

.body-block {
  /*margin-left: -1rem;*/
  padding:0;
  /* margin-bottom: 1rem; */
}

.body-block:last-of-type {
  margin-bottom: 1rem;
}

.body-block-content {
  padding-left:1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.body-block-content:h2 {
  margin: 0 !important;
}

.headerClick:hover{
  cursor:pointer;
}

.header-container .header { max-width: 62.5em }
.onec-on-logo-spacer {
    width:2.5rem;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}
 
.header-container .header { max-width: 62.5em }
@media only screen and (max-width: 62.5em) {
  .header-container .header { width:100%;}
}
@media only screen and (max-width: 66em) {
.header-container .header { padding-left:0.75rem !important; padding-right:0.75rem !important;}
}

.body-container .body { max-width: 62.5em }
@media only screen and (max-width: 62.5em) {
  .body-container .body { width:100%;}
  .body-container .body .onec-body-inner {
    margin-top:3rem;
    margin-bottom:2rem;
    width:100%;
  }
}

@media only screen and (max-width: 66em) {
.body-container .body { padding-left:0.75rem !important; padding-right:0.75rem !important;}
}

@media only screen and (min-width: 62.5em) {
.oaux-navbar.navbar { padding: .5rem 0!important; }
}
.body-container .body { max-width: 62.5em }
.body-container .body .onec-body-inner {
    margin-top:3rem;
    margin-bottom:2rem;
    width:100%;
}
@media only screen and (max-width: 62.5em) {
    .body-container .body { 
        width:100%; 
        padding-left:1.25rem !important;
    }
}
.onec-footer .footer-links-container {
  width: 180px;
}
.onec-footer .footer-links-container .footer-link {
  /*margin-top: 0.5rem;*/ /* vert spacing for mobile */
}
.footer-container .footer { max-width: 62.5em }
@media only screen and (max-width: 62.5em) {
  .footer-container .footer { width:100%;}
}
@media only screen and (max-width: 66em) {
.footer-container .footer { padding-left:0.75rem !important; padding-right:0.75rem !important;}
}

.page-content {
  padding:0px !important;
  width:100vw;
  min-height:70vh;
}
.page-title {
  margin-top: 3.25rem;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 770px) {
  .form-group.form-buttons {
    margin-bottom: 1.75rem !important;
  }
  .col-12-gap {
    margin-bottom: 4rem !important;
  }
}
.form-column { 
  padding-left:0 !important;
  padding-right:0 !important;
}
@media only screen and (min-width: 770px) {
  .form-column:first-of-type {
    padding-right:0.5rem;
  }
}

.user-component {
  display: flex; 
  align-items: center;
  font-weight: 100 !important;
  align-items: stretch;
}
.user-component .user-name {
  text-transform: capitalize;
}
.user-component .account-name {
  font-size: 1rem;
}

.user-component .placeholder-bullet {
  font-size: 1.75rem;
}
.user-component--banner .placeholder-bullet {
  line-height: 1;
}

.user-component--banner {
  padding: .5rem 0;
}
.user-component--banner .user-column {
  display: flex; 
  align-items: start;
  flex-wrap: wrap;
  line-height: 1.75rem;;
}
.user-component--banner .user-column.user {
  /* flex-shrink: 10; */
}

.user-component--banner .user-column:last-of-type {
  margin-left: auto;
}
.user-component--banner .user-column:last-of-type > div {
  display: block;
  text-align: right;
  width:100%;
}

.user-component.user-component--card {
  display: none;
}

.user-component.user-component--card {
  padding: 1.25rem 0;
  display: none;
  flex-direction: row;
  align-items: start;
}
.user-component.user-component--card p {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
.user-component.user-component--card p span {
  white-space: nowrap;
}
.user-component.user-component--card .user-column.info {
  margin-top:-0.75rem;
}
.user-component.user-component--card .user-column.org {
  margin-top:-0.25rem;
}
.user-component.user-component--card .user-column.icon {
  margin-right:0.5rem;
}
.user-component.user-component--card .user-lastdate {
  margin-top:0.75rem;
}

/*
@media only screen and (max-width: 770px) {
  .user-component--banner {
      display: none;
  }
  .user-component.user-component--card {
      display: flex;
  }
}
*/

.oux-row.form-row {
  margin-right:0px;
  margin-left:0px;
}
.oux-section.full-width {
  margin-left:-1.25rem;
}
.oux-section.full-width .oux-title {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.oux-section.headerClick {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.oux-section.full-width-legend {
  /* margin-left:-1rem; */
}
.oux-section.legendHeaderClick {
  margin-top: .3rem;
  margin-bottom: .2rem;
  /* margin-right: -1rem; */
  color: #333!important;
  background-color: #e7f6fc!important;  
}

@media only screen and (max-width: 770px) {
  .oux-section.full-width {
      margin-right:-.75rem;
  }
}

/* TEMPORARY RESPONSIVE SOLUTION */
.navbar-item.navbar-item--title {
  flex: 0 0 60% !important;
}

.onedt-i18n-lang {
  display: none;
}
.onedt-i18n-lang.active {
  display: inline;
}

.navbar.has-navbar-item--column-to-row {
  flex-wrap: nowrap;
}
.navbar-item--column-to-row {
  flex: 1 auto;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
}
.navbar-item--column-to-row .navbar-item.navbar-item--title {
  flex: 1 auto !important;
}
.navbar-item--title {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 950px) {
  .navbar-item--column-to-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .navbar-item--column-to-row > * {
    margin-top:0.5rem;
  }
  .navbar-item--column-to-row > *:first-child {
    margin-top: 0rem;
  }
  .navbar-item {
    margin-left: 0 !important;
  }
}

@media print {
  body {
    margin-top: 0;
  }
  .header-is-fixed--top .header-container.fixed--top {
    position: relative !important;  
  }
  .header-container {
    -webkit-print-color-adjust: exact !important;
  }
  .oaux-navbar.navbar {
    display: flex;
  }
  .oaux-navbar.navbar > .navbar-item:not(.navbar-item--title):not(.navbar-item--column-to-row) {
      display: none;
  }
  .oaux-navbar.navbar .onedt-i18n-lang-toggle {
    display: none !important;
  }
  
  .navbar-toggle {
    display:none;
  }
}

.form-text {
  opacity: 1 !important;
}
.form-label {
  opacity: 1 !important;
  font-weight: bold;
}

.info-next {
  display: flex;
  align-items: start;
}
.info-next--icon {
  display: flex;
  align-items: center;
  line-height: 1;
  /*padding-left: 1rem;*/
}
.info-next--instructions {}

.one-dt-date input:not(.one-dt-date-element) {
  width: 0;
  border: none;
  overflow: hidden;
  opacity: 0;
}

li { 
  padding: .3rem; 
  /* text-indent: -.7rem; */
}

.form-control.chars--12 {
  width: 24ex!important;
}

.is-invalid > .oux-label {
  color: #b90000!important;
}

/* ul {
  list-style: none;
  padding:0;
  margin:0;
}

li { 
  padding-left: 1em; 
  text-indent: -.7em;
}

li:before {
  content: "\f111";
  font-family: 'covid';
  color: red;
  font-size: .45rem;
} */

.collapsible--caretud {
  color: #14769d !important;
  text-decoration: none !important;
}
.collapsible--caretud::after {
  font-family: 'covid' !important;
  content: "\f904";
  padding-left: 1.5rem;
  display: inline-block;
}
.collapsible--caretud:not(.collapsed)::after {
  content: "\f077";
}
a.collapsible + div.collapse {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
/*
:not(a).link-is-external::after {
  color: #14769d;
  font-size: 1rem;
}
*/

.oux-check-icons--covid .oux-check-icon {
  font-family: 'covid' !important; 
  font-size: 18px;
}

.oux-check-icons .form-check-input+.form-check-label {
  margin-left: -.4rem;
}

/* Useful vertical separator */
.child-gutters > * {
  margin-bottom:0.75rem;
}
.child-gutters > *:last-of-type {
  margin-bottom: 0 !important;
}


/* C+ derived */
/* Allow long label text to begin at top */
.oux-check-icons label.form-check-label--longtext > .oux-check-icon {
  align-self: start;
  margin-top: -0.35rem;
}

.oux-check-icons .oux-check-icon {
  width: 2.5rem;
  margin-right: .25rem;
  min-width: 2.5rem;
}

/* Subtext for second-line label */
.label-subtext {
  font-size: 90% !important;
  opacity: .85 !important;
}

/* Expanded section left vertical line */
.section-expand {
  border-left: 0.25rem solid #0080a3;
  margin-left: 1.1rem;
  /*margin-bottom: 0.2rem;*/
}

.elabs-logout {
  font-size: 0.9rem;
}

.elabs-logout.active {
  display: inline;
}

/* Typeahead styles */
.typeahead__list {
  margin-left: 2px;
  padding-left: 4px;
  border: #adb5bd solid 1px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
}

/* Typeahead blue selector */
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active>a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:hover,
.typeahead__list .typeahead__item:not([disabled]).active>a,
.typeahead__list .typeahead__item:not([disabled])>a:focus,
.typeahead__list .typeahead__item:not([disabled])>a:hover {
  background-color: #007bff;
  color: #fff;
}

/* Typeahead vertical scrollbars */
.typeahead__list {
  max-height: 320px;
  overflow-y: auto;
}