html body {
  background-color: white;
}

.js-tabs {
  margin-top: 0;
}

header, .sub-header {
  padding: 0 3rem;
}

#main_content h1 {
  margin-top: 2rem;
}

#main_content h1 a {
  color: black;
  text-decoration: none;
}

.sub-header span {
  font-size: 1.8rem;
  font-weight: normal;
}

.uswds-gray {
  color: #5b616b;
}

.sub-header .usa-search {
  margin-top: 3rem;
  padding-bottom: 2rem;
}

body {
  background-color: #ccc;
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
  cursor: default;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
}

/* USWDS overrides */
.usa-grid, .usa-grid-full {
  max-width: 1220px;
}

.usa-button, .usa-button-primary, .usa-button:visited,
.usa-button-primary:visited, button, [type=button],
[type=submit], [type=reset], [type=image] {
  display: block;
  background-color: #205493;
}

.usa-button:hover, .usa-button.usa-button-hover, .usa-button-primary:hover,
.usa-button-primary.usa-button-hover, .usa-button:visited:hover, .usa-button:visited.usa-button-hover,
.usa-button-primary:visited:hover, .usa-button-primary:visited.usa-button-hover, button:hover,
button.usa-button-hover, [type=button]:hover, [type=button].usa-button-hover,
[type=submit]:hover, [type=submit].usa-button-hover, [type=reset]:hover,
[type=reset].usa-button-hover, [type=image]:hover, [type=image].usa-button-hover, button.usa-button-outline:hover,
button.usa-button-outline.usa-button-hover, [type=button].usa-button-outline:hover {
  background-color: #0071bc;
  color: #fff;
}

.usa-button.usa-button-outline, .usa-button-primary.usa-button-outline, .usa-button:visited.usa-button-outline,
.usa-button-primary:visited.usa-button-outline, button.usa-button-outline,
[type=button].usa-button-outline, [type=submit].usa-button-outline,
[type=reset].usa-button-outline, [type=image].usa-button-outline {
  box-shadow: inset 0 0 0 2px #205493;
}

.usa-display-alt {
  font-weight: 300;
}

/*.usa-grid table th, .usa-grid table td {*/
/*padding: 1rem;*/
/*border: 1px solid #5b616b;*/
/*}*/
.usa-grid select {
  height: auto;
  padding: 0.3em 2em 0.3em 0.7em;
}

#main_content main.usa-grid h4 + span.usa-label {
  background: #205493;
  margin-right: 1em;
  margin-left: 1em;
}

/* decorator used to show tooltip over "regular text" */
a.regularText {
  text-decoration: none;
  color: black;
}

.ncbi-page-header a, .ncbi-page-header a:visited {
  text-decoration: none;
}

div.caption-exists, div.filterToolbar-exists {
  margin: 2.5em 0;
}

tbody tr {
  vertical-align: top;
}

.study_header {
  width: 250px;
}

.population_header {
  width: 200px;
}

/* miscellaneous classes */
.align-left {
  float: left;
}

.align-right {
  float: right;
}

.gray, a.gray {
  color: #5b616b;
}

.white, a.white {
  color: #fff;
}

.green {
  color: #2E8540;
}

.bluegreen {
  color: #65C9BC;
}

.hidden {
  display: none;
}

.small-font {
  font-size: 0.9em;
}

.margin0 {
  margin: 0;
}

.margin1 {
  margin: 1em;
}

.margin-top1 {
  margin-top: 1em;
}

.margin-left1 {
  margin-left: 1em;
}

.margin-right1 {
  margin-right: 1em;
}

.margin-bottom1 {
  margin-bottom: 1em;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* Gray Nav Bar */
#main_content {
  background-color: #fff;
}

#main_content > nav {
  background-color: #EAEAEA;
}

#main_content > nav h1 {
  margin: 0.3em 0.2em 0.3em 0;
  display: inline-block;
}

#main_content > nav h1 a {
  text-decoration: none;
  color: #212121;
  cursor: pointer;
}

#main_content > nav h2 {
  font-weight: 100;
  font-size: 1.2em;
  display: inline-block;
}

#main_contentt > nav .usa-width-one-half:last-child {
  margin-top: 0.9em;
}

#main_content .sub-header .usa-grid .usa-width-one-half:last-child form {
  float: right;
}

#main_content > nav .usa-width-one-half:last-child form > div {
  width: 17.4em;
}

#search-field {
  width: 15em;
}

#string-msg {
  font-size: 0.7em;
  float: left;
  margin-top: 2px;
}

a.advanced-search {
  font-size: 0.7em;
  float: right;
}

/* following 4 styles can not be combined as they together don't work */
nav ::-webkit-input-placeholder {
  font-style: italic;
}

nav :-moz-placeholder {
  font-style: italic;
}

nav ::-moz-placeholder {
  font-style: italic;
}

nav :-ms-input-placeholder {
  font-style: italic;
}

/* feedback link */
.feedback {
  position: fixed;
  transform: rotate(-90deg) translateX(-12em) translateY(-3.2em);
  -webkit-transform: rotate(-90deg) translateX(-12em) translateY(-3.2em);
  -moz-transform: rotate(-90deg) translateX(-12em) translateY(-3.2em);
  -o-transform: rotate(-90deg) translateX(-12em) translateY(-3.2em);
  -ms-transform: rotate(-90deg) translateX(-12em) translateY(-3.2em);
  overflow: auto;
  font-size: 14px;
  letter-spacing: 1px;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-left: -23px;
  margin-top: -51px;
}

.feedback a {
  color: white;
  background-color: #2e8540;
  padding: 0.5em 1em 0.4em;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}

.feedback a:hover {
  background-color: #0071bc;
}

/* Content */
main {
  margin-bottom: 2em;
}

main div.usa-row.clearfix div.usa-width-one-half h3 {
  display: inline;
  font-weight: 100;
  font-size: 2.6rem;
  margin-right: 10px;
}

main div.usa-row.clearfix div.usa-width-one-half:first-child {
  margin-top: 1.2em;
}

main h3.green-heading {
  color: #2e8540;
  border-bottom: 1px solid #2e8540;
}

main ul.utilities li {
  display: inline-block;
  margin: 1.5em 0 0 1em;
}

main ul.utilities li a {
  text-decoration: none;
}

ul.utilities .ui-ncbishare.social-buttons li + li {
  margin-left: 0;
}

#main_content main .blue-box {
  color: #fff;
  background-color: #205493;
  width: auto;
  margin: 1em 0 0 0;
  display: inline-block;
}

main .blue-box h2 {
  margin: 10.5px 0.6em;
}

main .accession {
  margin: 1em 0 0.5em;
  text-align: right;
}

main .accession p {
  margin: 0;
  font-weight: bold;
  margin-left: 1em;
  white-space: nowrap;
}

main .accession span {
  font-weight: normal;
}

main .summary-box {
  background-color: #e1f3f8;
  border-left: 3px solid #205493;
  padding: 0 1em 0 1em;
  /*-webkit-columns: 2 300px;*/
  /*-moz-columns: 2 300px;*/
  /*columns: 2 300px;*/
}

/* following style to have enough contrast between foreground and background color, so that
   accessibility test pass */
main .summary-box a, main .summary-box a:hover, main .summary-box a:active {
  color: #0033BD;
}

main .summary-box dl div {
  overflow: hidden;
}

main .summary-box dl {
  display: initial;
  border-bottom: none;
}

main .summary-box dt {
  float: left;
  clear: left;
  width: 153px;
  font-weight: bold;
  border-top: none;
  padding: 0 0 1em 0;
  color: inherit;
}

main .summary-box dd {
  margin: 0 0 0 160px;
  padding: 0 0 1em 0;
  float: none;
  border-top: none;
}

.summary-box.usa-grid-full > :first-child {
  margin-top: 0.5em;
}

main .summary-box .lines3, main .summary-box .lines2 {
  min-height: 85px;
}

main .summary-box .lines2 {
  min-height: 60px;
}

.make_bold {
  font-weight: bold;
}

.tab_space {
  margin-left: 1em;
}

main #seq_div label {
  margin: 0 1em 0 0;
  display: inline;
}

main #seq_div select {
  max-width: 22em;
  width: auto;
  display: inline;
  margin-top: 0.5em;
}

.species_name {
  font-style: italic;
}

main .summary-box dl.usa-width-one-half dd span + span a.toggler {
  display: inline;
}

main .summary-box dl.usa-width-one-half dd .toggler {
  margin: 0;
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif !important;
  font-size: inherit;
}

.hide_elm {
  display: none;
}

/* tables and filters in tabs */
#main_content main .ui-ncbigrid-filter-toolbar {
  top: -3em;
  right: inherit;
}

#hgvs .ui-ncbigrid-filter-toolbar, #history .ui-ncbigrid-filter-toolbar {
  right: 2em;
}

#main_content main .ui-ncbigrid-filter-toolbar label {
  margin-right: 0.5em;
  display: inline;
  font-weight: bold;
}

#main_content main .ui-ncbigrid-filter-toolbar input {
  display: inline;
  width: auto;
  height: 1.7em;
  padding: 0.3em 2em 0.3em 0.7em;
}

#main_content main table caption {
  color: #212121;
  font-size: 1.1em;
  font-weight: 700;
  margin-top: 0.6em;
  width: 100%;
}

/* following style causes tables headers misaligned who has vertical scrollbar, so commented */
/*#submission table caption > div, #submission .ui-ncbigrid-header-wrapper,*/
/*#updt_hist .ui-ncbigrid-header-wrapper { width:auto !important; }*/
.fa-question-circle {
  margin-bottom: 0.5em;
}

.usa-grid .tabcontent_border {
  padding-top: 0.5em;
  margin-right: 0;
}

.fir_col {
  width: 60%;
}

.break_values {
  word-break: break-all;
}

#frequency_tab, #aliases_tab, #history {
  margin-top: 0.7em;
}

#main_content main .ui-ncbigrid-filter-toolbar {
  top: -2.5em;
}

/* sequence viewer */
#sv1 {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* following 4 styles are to overcome conflict between ext-js and uswds */
.x-webkit .x-form-text {
  height: inherit;
  padding: 1px;
}

.SeqViewerApp img {
  max-width: inherit;
}

.SeqViewerApp input.x-form-text {
  font-size: 10px;
  margin: 0;
  border: none;
  height: auto;
}

.SeqViewerApp button {
  margin: 0;
}

#more_space {
  margin-top: 2.5em;
  clear: both;
}

#seq_hash > div {
  float: right;
  font-weight: normal;
  font-size: 0.8em;
}

#seq_hash > div > span:first-child {
  color: #205493;
  display: inline-block;
  margin-top: 0.2em;
}

#seq_hash > div > span {
  color: #205493;
  display: inline-block;
}

#seq_hash > div > span + span {
  margin-right: 1em;
  vertical-align: middle;
  font-size: 1em;
}

#seq_hash > div > span + a {
  margin-top: 0.4em;
}

#seq_sel + div > a > button {
  margin-right: 0;
}

/* publications */
#publication .ui-ncbigrid-outer-div {
  margin-bottom: 1em;
}

.ncbi-footer {
  margin-top: 0;
}

.ncbi-footer i.fa, .ncbi-footer i.fa.fa-question-circle {
  color: #fff;
  float: none;
}

/* variant details */
/*.usa-grid #allele_select { margin-bottom: 0.5em; }*/
/*.usa-grid #allele_select span { font-weight: bold; }*/
/*.usa-grid #allele_select select {*/
/*width:auto;*/
/*display:inline-block;*/
/*margin-left:1em;*/
/*}*/
#variant_details .pad_space {
  border: none;
}

tr.show_border td {
  border-bottom: solid 5px #969696;
}

#variant_details .sect_heading + div.ui-ncbigrid-outer-div {
  margin-top: 0.3em;
}

#trans_anno_allele .vard_even td {
  background-color: #f5f5f5;
}

#trans_anno_allele .vard_odd td {
  background-color: white;
}

/*#variant_details table caption { position: relative; top: 0; }*/
/*#variant_details div.caption-exists, #variant_details div.filterToolbar-exists { margin: 0.5em 0 1.0em;}*/
/* Submissions */
.sect_heading {
  font-weight: bold;
  font-size: 1.1em;
}

/* Aliases / hgvs */
.fix_w {
  width: 30%;
}

/* Anchor Placement is dropped */
/*dl div:nth-child(4) dd  div:first-child {*/
/*word-wrap: break-word;*/
/*}*/
@media screen and (max-width: 770px) {
  #main_content > nav h2 {
    display: none;
  }
  #main_content > nav .usa-search {
    width: 60%;
  }
}
@media screen and (max-width: 600px) {
  main .blue-box {
    width: 100%;
  }
  main .accession p {
    float: left;
  }
}
@media screen and (max-width: 540px) {
  #main_content main .ui-ncbigrid-filter-toolbar {
    top: 0;
    position: initial;
    text-align: left;
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 481px) {
  #main_content > nav .usa-search {
    width: 90%;
  }
}
@media screen and (min-width: 481px) {
  .usa-search [type=search], .usa-search .usa-search-input {
    width: calc(100% - 16.5rem);
  }
}
/* tooltips */
.ncbi-popper {
  color: #303030;
  z-index: 10;
}

.long_value_tooltip, #main_tp, #variant_details_tp, #clinical_significance_tp, #frequency_tp, #aliases_tp,
#submissions_tp, #history_tp, #sequence_viewer_tp, #publications_tp, #summary_alleles_tp {
  display: none;
}

#hgvs table thead th p.break_values {
  display: none;
}

.fa {
  text-decoration: none;
}

#frequency_tab a.fa + p + a {
  float: right;
  margin-right: 1em;
}

#frequency_tab .par_row td {
  background-color: #e1f3f8;
}

#frequency_tab .par_row td:first-child a {
  font-weight: bold;
}

#frequency_tab .samp_s {
  padding-right: 2em;
  text-align: right;
}

/* For All scrollable tables */
/*div.ui-ncbigrid-header-wrapper {*/
/*padding-right: 1em;*/
/*background-color: #f1f1f1;*/
/*border-right: 1px solid black;*/
/*border-top: 1px solid black;*/
/*border-bottom: 1px solid black;*/
/*}*/
/*div.ui-ncbigrid-header-wrapper table.ui-ncbigrid-header thead th {*/
/*border-top: none;*/
/*border-bottom: none;*/
/*}*/
/*div.ui-ncbigrid-inner-div.ui-ncbigrid-scroll {*/
/*border-bottom: 1px solid black;*/
/*border-right: 1px solid black;*/
/*}*/
/* Print Styles */
@media print {
  @page {
    size: auto;
    margin: 1cm;
  }
  .skip-nav, .myncbi, .prefix, .utilities, .usa-grid ul.js-tablist, .fa-question-circle,
  .help-link, #main_content main .ui-ncbigrid-filter-toolbar, .seq-div,
  .ui-ncbigrid-header-wrapper table.ui-ncbigrid, button, video, audio, object,
  .usa-button-outline, .usa-button, main #seq_div label, .noprint {
    display: none;
  }
  body {
    font: 11pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.5;
  }
  .margin-bottom1 {
    margin-bottom: 0.5em;
  }
  a:link, a:visited {
    text-decoration: none;
  }
  /*a:link:after, a:visited:after {*/
  /*content: "  (ncbi.nlm.nih.gov" attr(href) ") ";*/
  /*font-size: 90%;*/
  /*color: #999;*/
  /*text-decoration: none;*/
  /*}*/
  /*a.external-link:link:after, a.external-link:visited:after {*/
  /*content: "  (" attr(href) ") ";*/
  /*}*/
  /*a[href^="#"]:after {*/
  /*content: "";*/
  /*}*/
  #main_content .sub-header h1 a:link:after, #main_content .sub-header h1 a:visited:after {
    content: "  (ncbi.nlm.nih.gov" attr(href) ") ";
    font-size: 90%;
    color: #999;
    text-decoration: none;
  }
  a.external-link:link:after, a.external-link:visited:after {
    content: "  (" attr(href) ") ";
  }
  a[href^="#"]:after {
    content: "";
  }
  header a:link:after, header a:visited:after, nav h1 a:link:after, nav h1 a:visited:after,
  .blue-box span > a:link:after, .blue-box span > a:visited:after, main .summary-box a:link:after,
  main .summary-box a:visited:after, .js-tabcontent h3 a:link:after,
  .js-tabcontent h3 a:visited:after, .js-tabcontent caption a:link:after,
  .js-tabcontent caption a:visited:after {
    content: none;
  }
  .tabs__content {
    margin-bottom: 31px;
  }
  nav h1 {
    font-size: 25pt;
  }
  main h1.usa-display-alt {
    font-size: 18pt;
  }
  .js-tabs {
    margin-top: 0;
  }
  .usa-grid .usa-width-two-thirds {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .usa-grid .usa-width-one-third:last-child {
    margin-right: 0;
  }
  .usa-grid .usa-width-one-third {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .usa-grid .usa-width-one-half {
    float: left;
    display: block;
  }
  .sub-header .usa-grid .usa-width-one-half:last-child {
    display: none;
  }
  .sub-header .usa-grid .usa-width-one-half:first-child h1 span.tagline {
    display: block;
  }
  main .summary-box dl div {
    word-break: break-word;
  }
  main .summary-box {
    columns: 2;
    margin-bottom: 0;
  }
  main .summary-box a {
    color: #212121;
  }
  main .summary-box dl:first-child dt {
    width: 120px;
  }
  main .summary-box dt {
    width: 170px;
  }
  main .summary-box dl:first-child dd {
    margin-left: 130px;
  }
  main .summary-box dd {
    margin-left: 180px;
  }
  .usa-grid .tabcontent_border {
    border: none;
  }
  .js-tabcontent[aria-hidden=true] {
    display: block !important;
  }
  .js-tabcontent caption, .js-tabcontent h3 {
    font: bold 16pt "Source Sans Pro", Arial, Heletica, sans-serif;
  }
  table.ui-ncbigrid {
    margin-bottom: 40px;
  }
  div.ui-ncbigrid-scroll > table.ui-ncbigrid > thead > tr > th {
    visibility: visible;
    line-height: 1.5;
    border: 1px solid #5b616b;
    padding: 1rem;
  }
  table.ui-ncbigrid thead th {
    background-color: #f1f1f1 !important;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  main .summary-box {
    background-color: #e1f3f8 !important;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    columns: auto;
  }
  .feedback {
    display: none;
  }
  #remn_summ_freq {
    display: block;
  }
  #variant_details:before {
    content: "Variant Details";
    font-weight: bold;
    font-size: 1.2em;
  }
  #variant_details {
    margin-top: 1em;
  }
  .usa-grid .tabcontent_border {
    padding-left: 0;
    margin-left: 0;
  }
  table.ui-ncbigrid {
    margin-bottom: 0;
  }
  #submission div.ui-ncbigrid-outer-div, #publication div.ui-ncbigrid-outer-div {
    margin-top: 0;
  }
  #clinical_significance:before {
    content: "Clinical Significance";
    font-weight: bold;
    font-size: 1.2em;
  }
  #frequency_tab:before {
    content: "Frequency";
    font-weight: bold;
    font-size: 1.2em;
  }
  #aliases_tab:before {
    content: "Aliases";
    font-weight: bold;
    font-size: 1.2em;
  }
  #submissions:before {
    content: "Submissions";
    font-weight: bold;
    font-size: 1.2em;
  }
  #history:before {
    content: "History";
    font-weight: bold;
    font-size: 1.2em;
  }
  #publications:before {
    content: "Publications";
    font-weight: bold;
    font-size: 1.2em;
  }
  #frequency_tab td:nth-child(1), td:nth-child(2) {
    word-break: break-all;
  }
  .ui-ncbigrid-scroll {
    height: auto !important;
  }
  #publications #publication + a .usa-button-outline {
    display: block;
    width: auto;
  }
  #seq_div .align-right a .usa-button-outline {
    display: inline-block;
    width: auto;
  }
  #seq_sel {
    display: block;
  }
  #seq_div .align-right {
    float: none;
  }
  #sv1 > a:link:after, #sv1 > a:visited:after {
    display: none;
  }
  #seq_hash div {
    display: none;
  }
  main .summary-box dl.usa-width-one-half dd:nth-child(10) span + span,
  main .summary-box dl.usa-width-one-half:last-child dd:nth-child(4) span + span {
    display: none;
  }
  main .summary-box dl.usa-width-one-half dd:nth-child(10) div,
  main .summary-box dl.usa-width-one-half dd:nth-child(10) span,
  main .summary-box dl.usa-width-one-half:last-child dd:nth-child(4) div,
  main .summary-box dl.usa-width-one-half:last-child dd:nth-child(4) span {
    font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
  }
  main .summary-box dl.usa-width-one-half dd:nth-child(10) div.ui-helper-reset,
  main .summary-box dl.usa-width-one-half:last-child dd:nth-child(4) div.ui-helper-reset {
    display: inline;
  }
  #remn_gene_conse {
    display: block;
  }
  .ncbi-header .account {
    display: none;
  }
  .summary-box.usa-grid-full > :first-child {
    margin-right: 2%;
  }
  main .summary-box dl.usa-width-one-half {
    width: 48%;
  }
  /* footer styles */
  .ncbi-footer .gov-agencies {
    border-top: none;
  }
  .ncbi-footer .ncbi-section .ncbi {
    border-bottom: none;
  }
  .ncbi-footer .icon-section .icon-list {
    display: inline-block;
    width: auto;
  }
  .ncbi-footer .usa-width-one-half {
    margin-right: 4.82916%;
    width: 47.58542%;
  }
  .ncbi-footer .usa-width-one-half:last-child {
    margin-right: 0;
  }
  .ncbi-footer .usa-width-one-third > :first-child {
    margin-top: 0;
  }
  .ncbi-footer .icon-section .icon-list.icon-list-elastic {
    width: calc(100% - 310px);
  }
  .ncbi-footer #footer_blog, .ncbi-footer #footer_support {
    text-indent: 4rem;
  }
  .ncbi-footer .icon-list .li-support {
    float: right;
  }
  .ncbi-footer .icon-list .li-blog {
    margin-left: 30px;
  }
  .ncbi-footer .icon-list li {
    margin-bottom: 0;
  }
}
/* Style of row used to display "conflicting" submissions */
tr.disabled {
  color: gray;
}

a.disabled {
  text-decoration: none;
  color: gray;
}

/* SNP-1151 highlight codon changes */
.codon-hilite {
  color: #FF3333;
}

.codon-ghost {
  color: #AAAABC;
}

.codon-plain {
  color: #000000;
}

/* PopFreq build ID */
.build_id_label {
  font-weight: bold;
}

.build_id_container {
  margin-right: 5px;
}

/* LitVar */
#snp_litvar_container {
  padding-top: 10px;
  width: 120px;
  height: 40px;
}

#snp_litvar_logo {
  width: 70px;
  height: auto;
}

#snp_litvar_link {
  text-decoration: none;
}

#snp_litvar_cnt {
  color: #fff;
  background-color: #0071bc;
  padding: 1px 5px;
  border-radius: 2px;
  font-size: 12px;
  vertical-align: text-top;
  text-decoration: none;
}
.dataTables_scrollHead {
  background-color: #f1f1f1;
}

.dataTable tbody tr td {
  border-bottom: none;
}

#genomics_placements_table_wrapper {
  padding-bottom: 2em;
}

.dataTables_wrapper .dataTables_filter label {
  margin-top: 0;
}

.dataTables_wrapper .dataTables_scroll {
  margin-top: 0.5em;
}

.dataTables_wrapper .dataTables_filter input {
  height: 2em;
}

.dataTable td {
  background-color: transparent;
}

table.dataTable tbody tr td {
  border-bottom: none;
}

table.dataTable thead {
  width: 100%;
}

.dataTables_scrollHead {
  width: 100%;
}

#publication div.dataTables_scrollHeadInner {
  width: 100%;
}

#obs_present, #obs_lost {
  padding-top: 2em;
}

#obs_present .observation_table tbody tr td {
  vertical-align: top;
}

.dataTables_scrollBody {
  border-top: 1px solid black;
}

div.dataTables_scrollHeadInner table.dataTable thead th {
  border-bottom: none;
}

#trans_anno_allele .sect_heading {
  padding-top: 1em;
}

table.dataTable td.nowrap {
  white-space: nowrap;
}

td.popfreq_ref_allele {
  word-break: break-all;
  min-width: 100px;
}

td.popfreq_alt_allele {
  white-space: break-spaces;
}
/* default table width required for horizontal scroll */
div.dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
}

.dataTables_filter input {
  display: inline-block;
  border: 1px solid #000;
  float: none;
  box-sizing: border-box;
  margin-left: 0;
  width: auto;
}

.dataTables_scrollHeadInner {
  width: 100%;
}

.dataTables_scroll {
  margin-top: 2em;
  display: inline-block;
  width: 100%;
}

.dataTables_length label {
  display: inline-block;
}
.dataTables_length select {
  padding: 1rem 3rem 1rem 1rem;
  background-position: right 1rem center;
  display: inline-block;
  width: auto;
}

.dataTable th, .dataTable td {
  border: 0;
}
.dataTable tbody > tr.shown + tr.child {
  display: flex;
  flex-flow: wrap;
  padding-right: 0;
  padding-left: 0;
}
.dataTable tbody > tr.shown + tr.child > td.child {
  white-space: nowrap;
  border: 0;
}
.dataTable tbody > tr.shown + tr.child > td.child + td {
  border: 0;
}
.dataTable tbody tr td {
  border-bottom: 1px solid #000;
}
.dataTable tbody tr.shown .details-control {
  background: url("https://www.ncbi.nlm.nih.gov/style-guide/static/django_uswds/uswds/img/minus.svg") no-repeat center center;
  background-size: 1.5rem;
}
.dataTable tbody td {
  /* keep icon column width fixed */
}
.dataTable tbody td.details-control {
  background: url("https://www.ncbi.nlm.nih.gov/style-guide/static/django_uswds/uswds/img/plus.svg") no-repeat center center;
  cursor: pointer;
  background-size: 1.5rem;
}
.dataTable tbody td.details-control:before {
  display: none !important;
}
.dataTable tbody td.icon-holder {
  width: 16px;
}
.dataTable.nowrap td {
  white-space: normal;
}
.ncbi-page-header a {
  text-decoration: none;
}

.container {
  margin: 0 1.6em;
}

.container a {
  text-decoration: underline;
}

.container a:visited {
  color: #642a8f;
}

.hide_data {
  display: none;
}

.top_line h3 {
  margin: 0;
  display: inline;
  float: left;
  margin-top: 0.1em;
}

.top_line h3 + span {
  text-align: center;
}

.top_line h3 + span + span {
  float: right;
}

.top_line + div {
  margin-top: 0.2em;
}

#summary_sect div.ui-ncbigrid-outer-div, #maps_sect div.ui-ncbigrid-outer-div {
  margin-bottom: 1.5em;
}

#variant_sect .top_line + div, #molcon_sect .top_line + div,
#maps_sect .top_line + div, #more_info_sect .top_line + div,
#allele_sect .top_line + div {
  clear: both;
}

.helpicon {
  margin-left: 1em;
}

#variant_sect div.top_line + div, #molcon_sect div.top_line + div,
#allele_sect div.top_line + div {
  border: solid 1px black;
  padding: 1em;
  margin-bottom: 1em;
}

.clinsig_confidence {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2em;
}

.exclamation span.active, .rating span.active, .rating span.inactive {
  background-size: 17px;
  background-repeat: no-repeat;
  width: 27px;
  height: 23px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.rating span.active {
  background-image: url("../images/yes_star.png");
}

.rating span.inactive {
  background-image: url("../images/no_star.png");
}

.exclamation span.active {
  background-image: url("../images/warning.png");
}

.rev_stat_text {
  height: 23px;
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
  position: relative;
  top: 3px;
}

.first_cell {
  display: inline-block;
  width: 28%;
}

.molcon_row {
  margin-left: 1em;
}

.molcon_row_link {
  margin-top: 1em;
}

.fir_col {
  width: 35%;
}

#more_info_sect {
  margin-bottom: 1em;
}

#summary_sect > div > h3 {
  margin: 0;
}

#summary_sect > div + div {
  margin-top: 0.5em;
}

#variant_sect > div.top_line + div {
  width: 70%;
}

#maps_sect {
  clear: both;
}

.popup_content {
  display: none;
  width: 20em;
}

#var_stat_tooltip {
  width: 47em;
  display: none;
}

.var_row + .var_row {
  margin-top: 1em;
}

#more_info_tabs + div {
  margin-top: 1em;
}

#sv1 {
  margin-top: 2em;
}

#summary_sect {
  margin-top: 1em;
  clear: both;
}

#summary_sect + div.last {
  margin-top: 1em;
}

#rs_page > h1 {
  margin-bottom: 1em;
  font-size: 125%;
  float: left;
}

#right_side_date {
  float: right;
}

#right_side_date .lefty {
  float: left;
  margin-right: 1em;
  font-weight: bold;
}

#right_side_date .lefty + .morelefty {
  float: left;
  text-align: right;
}

#allele_sect > div.top_line + div > div + div + div > div.ui-ncbigrid-outer-div {
  margin-bottom: 1em;
}

.allele_wrap {
  word-break: break-all;
}

a.share img {
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
}

/** For question mark info tooltip */
span.ncbi-popper__arrow {
  cursor: pointer;
}

p.ncbi-popper {
  z-index: 100;
}

#mapping_conflict_tooltip {
  color: #ffd700;
}

#flanks_container {
  margin-top: 30px;
  margin-left: 20px;
}

#flank_context {
  max-width: 30%;
  display: inline;
}

#flank_length {
  max-width: 13%;
  display: inline;
}

#flanks_container .sect_heading {
  margin-right: 20px;
}

#flank_5_prime {
  margin-top: 30px;
}

#flank_3_prime {
  margin-top: 30px;
}

#flanks_container .usa-button-outline {
  margin-left: 15px;
  display: inline;
  width: 100px;
}

.flanks {
  border-style: none;
}

.flanks dt {
  border-style: none;
  width: 5%;
}

.flanks dd {
  font-family: "Courier New", Courier, monospace;
  border-style: none;
  width: 50%;
}

.snp_spinner {
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
  border: 3px solid #f3f3f3; /* Light grey */
  border-top: 3px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.alias_hgvs {
  font-size: 80%;
}
@keyframes ncbi-popper-fadeIn{from{opacity:0}to{opacity:1}}.ncbi-popper-fadeIn{animation-duration:.5s;animation-fill-mode:forwards;animation-name:ncbi-popper-fadeIn}@keyframes ncbi-popper-fadeOut{from{opacity:1}to{opacity:0}}.ncbi-popper-fadeOut{animation-duration:.5s;animation-fill-mode:forwards;animation-name:ncbi-popper-fadeOut}.ncbi-popper,.ncbi-tooltip{display:none}.ncbi-popper[aria-hidden=true],.ncbi-tooltip[aria-hidden=true]{display:none}.ncbi-popper[aria-hidden=false],.ncbi-tooltip[aria-hidden=false]{display:block}.ncbi-popper{border-radius:3px;position:absolute;background-color:#fff;border:1px solid #aeb0b5;box-shadow:0 0 2px rgba(0,0,0,0.3);padding:1em}@media screen and (max-width: 600px){.ncbi-popper{max-width:98.2%}}@media screen and (max-width: 481px){.ncbi-popper{max-width:97.8% !important}}.ncbi-popper .ncbi-popper__arrow{width:0;height:0;border-style:solid;position:absolute;margin:14px;border-color:#aeb0b5}.ncbi-popper[x-placement^="top"],.ncbi-popper[x-placement^="bottom"],.ncbi-popper[x-placement^="right"],.ncbi-popper[x-placement^="left"]{margin-bottom:14px}.ncbi-popper[x-placement^="bottom"]{margin-top:14px}.ncbi-popper[x-placement^="right"]{margin-left:14px}.ncbi-popper[x-placement^="left"]{margin-right:14px}.ncbi-popper[x-placement^="top"] .ncbi-popper__arrow{border-width:14px 14px 0 14px;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;bottom:-14px;left:calc(50% - 14px);margin-top:0;margin-bottom:0}.ncbi-popper[x-placement^="bottom"] .ncbi-popper__arrow{border-width:0 14px 14px 14px;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;top:-14px;left:calc(50% - 14px);margin-top:0;margin-bottom:0}.ncbi-popper[x-placement^="right"] .ncbi-popper__arrow{border-width:14px 14px 14px 0;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;left:-14px;top:calc(50% - 14px);margin-left:0;margin-right:0}.ncbi-popper[x-placement^="left"] .ncbi-popper__arrow{border-width:14px 0 14px 14px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;right:-14px;top:calc(50% - 14px);margin-left:0;margin-right:0}.ncbi-popper[x-placement^="top"] .ncbi-popper__arrow:after,.ncbi-popper[x-placement^="right"] .ncbi-popper__arrow:after,.ncbi-popper[x-placement^="bottom"] .ncbi-popper__arrow:after,.ncbi-popper[x-placement^="left"] .ncbi-popper__arrow:after{border-width:11.2px;border-color:#fff;display:inline-block;border-style:solid;position:absolute;content:''}.ncbi-popper[x-placement^="top"] .ncbi-popper__arrow:after{border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:-14px;left:-11.2px}.ncbi-popper[x-placement^="bottom"] .ncbi-popper__arrow:after{border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;top:-8.4px;left:-11.2px}.ncbi-popper[x-placement^="left"] .ncbi-popper__arrow:after{border-bottom-color:transparent;border-top-color:transparent;border-right-color:transparent;top:-11.2px;right:-8.4px}.ncbi-popper[x-placement^="right"] .ncbi-popper__arrow:after{border-bottom-color:transparent;border-top-color:transparent;border-left-color:transparent;top:-11.2px;left:-8.4px}.ncbi-popper .ncbi-popper-title{margin:0;padding:0;position:relative;border-bottom:1px solid #aeb0b5;padding:0.4em 1em;background-color:#f1f1f1;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:baseline}.ncbi-popper .ncbi-popper-title h1,.ncbi-popper .ncbi-popper-title h2,.ncbi-popper .ncbi-popper-title h3,.ncbi-popper .ncbi-popper-title h4,.ncbi-popper .ncbi-popper-title h5,.ncbi-popper .ncbi-popper-title h6{margin:0;padding:0;font-size:1em;width:calc(100% - 2em)}.ncbi-popper .ncbi-popper-title .ncbi-popper-close{margin:0;padding:.4em;color:#000;background-color:#fff;width:2em}@media screen and (max-width: 481px){.ncbi-popper .ncbi-popper-title .ncbi-popper-close{width:auto}}.ncbi-popper .ncbi-popper-body{padding:0;text-align:left}.ncbi-popper-has-title{text-align:left;padding:0}.ncbi-popper-has-title .ncbi-popper-body{padding:1em}.ncbi-popper-has-title[x-placement^="bottom"] .ncbi-popper__arrow:after{border-bottom-color:#f1f1f1}.ncbi-tooltip{border-radius:3px;background-color:#323a45;color:#fff;padding:.5em;max-width:350px;font-size:.85em}.ncbi-tooltip .ncbi-popper__arrow{width:0;height:0;border-style:solid;position:absolute;margin:7px;border-color:#323a45}.ncbi-tooltip[x-placement^="top"]{margin-bottom:7px}.ncbi-tooltip[x-placement^="top"] .ncbi-popper__arrow{border-width:7px 7px 0 7px;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;bottom:-7px;left:calc(50% - 7px);margin-top:0;margin-bottom:0}.ncbi-tooltip[x-placement^="bottom"]{margin-top:7px}.ncbi-tooltip[x-placement^="bottom"] .ncbi-popper__arrow{border-width:0 7px 7px 7px;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;top:-7px;left:calc(50% - 7px);margin-top:0;margin-bottom:0}.ncbi-tooltip[x-placement^="right"]{margin-left:7px}.ncbi-tooltip[x-placement^="right"] .ncbi-popper__arrow{border-width:7px 7px 7px 0;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;left:-7px;top:calc(50% - 7px);margin-left:0;margin-right:0}.ncbi-tooltip[x-placement^="left"]{margin-right:7px}.ncbi-tooltip[x-placement^="left"] .ncbi-popper__arrow{border-width:7px 0 7px 7px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;right:-7px;top:calc(50% - 7px);margin-left:0;margin-right:0}.ncbi-tooltip[x-placement^="top"] .ncbi-popper__arrow:after,.ncbi-tooltip[x-placement^="right"] .ncbi-popper__arrow:after,.ncbi-tooltip[x-placement^="bottom"] .ncbi-popper__arrow:after,.ncbi-tooltip[x-placement^="left"] .ncbi-popper__arrow:after{border-width:5.6px;border-color:#323a45;display:inline-block;border-style:solid;position:absolute;content:''}.ncbi-tooltip[x-placement^="top"] .ncbi-popper__arrow:after{border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:-7px;left:-5.6px}.ncbi-tooltip[x-placement^="bottom"] .ncbi-popper__arrow:after{border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;top:-4.2px;left:-5.6px}.ncbi-tooltip[x-placement^="left"] .ncbi-popper__arrow:after{border-bottom-color:transparent;border-top-color:transparent;border-right-color:transparent;top:-5.6px;right:-4.2px}.ncbi-tooltip[x-placement^="right"] .ncbi-popper__arrow:after{border-bottom-color:transparent;border-top-color:transparent;border-left-color:transparent;top:-5.6px;left:-4.2px}.ncbi-popper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000;transition:opacity 0.2s ease-in-out;opacity:0.1;visibility:visible;z-index:8000}


/*# sourceMappingURL=django-snp2.css.map*/