/**************************************
Global Styles
**************************************/
/* NCI Fonts and Styles */
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../f/montserrat-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../f/montserrat-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../f/montserrat-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../f/montserrat-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../f/noto-sans-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../f/noto-sans-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../f/noto-sans-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../f/noto-sans-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../f/noto-sans-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../f/noto-sans-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}

html {scroll-behavior: smooth; font-size: 16px;}
*, ::after, ::before {box-sizing: border-box;}
body {overflow-x: hidden; background: #fff; color: #454545; padding: 0; margin: 0; font-family: Noto Sans,Century Gothic,Arial,sans-serif; font-weight: 400; font-size: 1em; font-style: normal; line-height: 1.375em; position: relative; cursor: default; }
a {color: #2871a9; line-height: 1.375em;}
a.help-icon:focus, a.help-icon:hover {text-decoration: none; font-weight: 700;}
a:visited {color: #881887;}
a:focus, a:hover {color: #bb0e3d!important; text-decoration: underline;}
	.leftNav ul li.active a.active:focus, .leftNav ul li.active a.active:hover {color: #fff!important;}
	.leftNav>ul>li:first-child>a:focus, .leftNav>ul>li:first-child>a:hover {color: #fff!important; text-decoration: underline;}
	.bg-grad a, a.purpleBtn {color: #fff; font-weight: 700;}
	.bg-grad .help-list a {font-weight: 400;}
	.bg-grad .help-list a:visited, .bg-grad .news-releases a:visited {color: #881887;}
	.bg-grad .white-links a:focus, .bg-grad .white-links a:hover, a.purpleBtn:focus, a.purpleBtn:hover {text-decoration: none; color: #fff!important;}
	.bg-grad .white-links a:visited, a.purpleBtn:visited {color: #fff;}
button:not(#menu-button):not(#search-tog) {font-family: Noto Sans,Century Gothic,Arial,sans-serif !important;}
caption, figcaption, .caption { text-align: left; font-weight: bold; padding: 10px; background: #ebf5f9; color: #222; margin-bottom: 0; }
figure {margin: 0;}
figcaption {font-weight: 400; color: #454545; font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-family: Montserrat; font-weight: bold; color: #606060;}
h1 {font-size: 1.75em; line-height: 1.1em;}
h2 {font-size: 1.4375em; line-height: 1.215em;}
h3 {font-size: 1.25em; line-height: 1.25em;}
h4 {font-size: 1.125em; line-height: 1.333em;}
h5 {font-size: 1em; line-height: 1.333em;}
h6 {font-size: 1em; line-height: 1.125em;}
img {max-width: 100%;}
.bg-grad h1 {color: #fff;}
main.twoColumn {background: /*#f7f8f3 url("/i/hexagon_molecular_structure_footer.png") no-repeat 110% 600px;*/  #fff; padding: 0; position: relative;}
.center {text-align: center;}
.callout {border: 1px solid #818181; background-color: #fff; box-shadow: 0 0 9px 1px rgb(0 0 0 / 15%); overflow: auto; padding: 25px;}
.main-container {background: #ffffff; padding-bottom: 1.5em; position: relative;}
.extlink { padding-left: .2em; }
.extlink img {padding: 0; margin-top: -3px;}
a.icon-exit-notification { display: none !important; }
.roman-numeral {font-family: Noto Sans,Century Gothic,Arial,sans-serif; font-size: 0.96em;}

/* Helper Classes */
.bootstrap *, .bootstrap *::after, .bootstrap *::before {box-sizing: border-box !important;}
.bootstrap .container:not(.pull-up), .bootstrap .container.bannerWrap, .bootstrap .container.navWrap {width: 98%; max-width: 1200px; padding: 0 15px !important; margin-right: auto; margin-left: auto;}
.bootstrap .container.bannerWrap, .bootstrap .container.navWrap {padding: 0!important;}
/*.bootstrap .container.bannerWrap, .bootstrap .container.navWrap {max-width:none; padding: 0 1.5rem!important; margin: 0!important;}*/
.align-items-center {align-items: center!important;}
.d-block {display: block !important;}
.d-flex {display: flex !important;}
.float-left {float: left!important;}
.float-right {float: right!important;}
.mb-0 {margin-bottom: 0!important;}
.mb-3 {margin-bottom: 1rem!important;}
.mb-4 {margin-bottom: 1.5rem!important;}
.mb-5 {margin-bottom: 3rem!important;}
.mt-0 {margin-top: 0!important;}
.mt-3 {margin-top: 1rem!important;}
.mt-4 {margin-top: 1.5rem!important;}
.mt-5 {margin-top: 3rem!important;}
.my-0 {margin-top: 0!important; margin-bottom: 0!important;}
.my-5 {margin-top: 3rem!important; margin-bottom: 3rem!important;}
.ml-auto {margin-left: auto!important;}
.ml-0 {margin-left: 0!important;}
.ml-3 {margin-left: 1rem!important;}
.ml-5 {margin-left: 3rem!important;}
.mr-0 {margin-right: 0!important;}
.mr-3 {margin-right: 1rem!important;}
.mr-5 {margin-right: 3rem!important;}
.pb-0 {padding-bottom: 0!important;}
.pt-0 {padding-top: 0!important;}
.pt-2 {padding-top: 0.5rem!important;}
.pt-3 {padding-top: 1rem!important;}
.py-0 {padding-top: 0!important; padding-bottom: 0!important;}
.py-3 {padding-top: 1rem!important; padding-bottom: 1rem!important;}
.py-4 {padding-top: 2rem!important; padding-bottom: 2rem!important;}
.py-5 {padding-top: 3rem!important; padding-bottom: 3rem!important;}
.pl-0 {padding-left: 0!important;}
.pl-3 {padding-left: 1rem!important;}
.pl-4 {padding-left: 1.5rem!important;}
.pl-5 {padding-left: 3rem!important;}
.pr-0 {padding-right: 0!important;}
.pr-3 {padding-right: 1rem!important;}
.pr-4 {padding-right: 1.5rem!important;}
.pr-5 {padding-right: 3rem!important;}
.row {display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.w-100 {width: 100%!important;}
.col-lg-3, .col-lg-9, .col-md-4, .col-md-8, .col-md-6, .col-md-6-border, .col-md-7, .col-md-5 {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.border-right {border-right: 1px solid #555;}
.table-responsive {overflow-x: auto;}

@media (max-width: 767px) {
	.mt-md-3 {margin-top: 1rem!important;}
	.mb-md-3 {margin-bottom: 1rem!important;}
}
@media (max-width: 1024px) {
	.twoColumn .main-container .col-lg-3.mt-5 {margin-top: 0 !important;}
}
@media (min-width: 768px) {
	.col-md-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.col-md-5 {-ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%;}
	.col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.col-md-7 {-ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%;}
}

@media (min-width: 1025px) {
	.bootstrap .container {max-width: calc(1200px + 25%);}
	.bootstrap.explorer:not(.revisions) .container.pull-up {max-width: none!important;}
	.col-lg-3, .col-lg-9 {float: left;}
	.col-lg-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.col-lg-4 {-ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%;}
	.col-lg-5 {-ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%;}
	.col-lg-7 {-ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%;}
	.col-lg-8 {-ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%;} 
	.col-lg-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
	#section-menu-button {display: none;}
	.mt-lg-5 {margin-top: 3rem!important;}
}


/***** Cards (BS 5) ******/
.card {position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 0.25rem; box-shadow: 0 .17rem .5rem rgba(0,0,0,.1);}
.card-header {padding: .8rem 1rem; margin-bottom: 0; background-color: #227991; border-top-left-radius: .25rem; border-top-right-radius: .25rem;}
.card-header {margin-top: 0; color: #fff;}
.card-body {flex: 1 1 auto; padding: 1.2rem 1.5rem 1.5rem 1.5rem;}
.card.highlightCard {background-color: #e2eef1; border: 1px solid #6ea9bb; color: #454545;}

/* button cards */
.card.buttonCard {position: relative;}
.card.buttonCard .button {position: absolute; bottom: 20px;}
.card.buttonCard .card-body {padding-bottom: 70px;}
.card.highlightCard .purpleBtn {font-weight: 700; padding: 0.75rem 2rem; display: inline-block;}
.card.highlightCard .purpleBtn svg {margin-bottom: -0.25rem; margin-left: 0.5rem;}

.card.highlightCard a.purpleBtn:hover, .card.highlightCard a.purpleBtn:focus {color: #fff !important; text-decoration: none !important;}
.cardWrap {display: flex; justify-content: space-around;}
.cardWrap .card {width: 40%;}

/* cards with icons in titles */
.card h3 {align-items: center; display: flex;}
.card h3 svg {margin-right: 7px;}

@media (min-width: 837px) and (max-width: 992px) {
	.cardWrap .card {width: 45%}
}
@media (max-width: 837px) {
	#help-card {margin-bottom: 1rem;}
	.cardWrap {display: block;}
	.cardWrap .card {width: 100%;}
}

/***** Tables *****/
table { margin-bottom: 1.2em; width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #ccc; padding: 8px; }
.bootstrap th, .bootstrap thead td { background: #222; color: #fff; font-weight: normal; }
.bootstrap tbody tr:hover, .bootstrap tbody tr:hover td { background-color: rgba(130,54,140,0.075)!important; }
.bootstrap tbody tr th, .bootstrap tbody tr:hover th { background: #3f3f3f !important; }
.bootstrap tbody tr th.colhead, .bootstrap tbody tr:hover th.colhead {background: #5a5a5a!important; color: #fff; text-align: center;}
tfoot td { text-align: left; border: none; }

caption, figcaption, .caption { text-align: left; font-weight: bold; padding: 10px; background: #eee; color: #222; margin-bottom: 0; }
#nccr-registries {margin-bottom: 3rem;}
#nccr-registries footer {background: transparent; font-size: 0.9em; font-style: italic;}
#nccr-registries figcaption {margin-bottom: 1rem;}
h3.caption { font-size: 1em; }
.caption-join { text-align: left; padding: 0; font-weight: normal; }
.caption-head { background: #555; color: #fff; padding: 8px; border: 1px solid #ccc;}
.caption-body { background: #fff; color: #000; padding: 8px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

th a { color: #fff; text-decoration: underline; }
th a:hover, th a:focus, th a:visited { color: #eee; }

.doubleScroll-scroll-wrapper + .table-responsive {margin-bottom: 1em; overflow-x: auto; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))); background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0)); background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0)); background-image: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0)); background-image: -ms-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -ms-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -ms-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -ms-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0)); background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0)); background-position: 0 0, 100% 0, 0 0, 100% 0; background-repeat: no-repeat; background-color: white; background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%; background-attachment: local, local, scroll, scroll;}
.table-responsive {min-height: .01%; overflow-x: auto;}
@media screen and (max-width: 767px) {
    .table-responsive {width:100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd;}
    .table-responsive>.table {margin-bottom: 0;}
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {white-space: nowrap;}
}

/***** NCCR-specific components *****/
a.highlight-link {background-color: #e2eef1; color: #6a2c72; font-weight: 700; text-decoration: none; padding: .3rem .5rem; border-radius: .15rem; display: block; margin: .25rem 0; position: relative; line-height: 1.3; display: flex; align-items: center; justify-content: space-between;}
a.highlight-link:hover, a.highlight-link:focus {text-decoration: underline;}
a.highlight-link::after {display: inline-block; content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='4 4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0858 7.75739L15.3284 12L11.0858 16.2427L9.67157 14.8285L12.5 12L9.67157 9.1716L11.0858 7.75739Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12Z' fill='none' /%3E%3C/svg%3E"); height: 1.25rem; width: 1.25rem; border-radius: 50%; background-color: #227991; margin-left: .5rem;}
a.highlight-link:hover::after, a.highlight-link:focus::after {background-color: #bb0e3d;}

/***** Toggles *****/
/* only show when JS is available */
.js .tog-control { width: 100%; margin: 0 0 10px 0;	font-size: 1em; padding: 0; font-family: 'Source Sans Pro', Helvetica, sans-serif; display: block; }
.tog-control button { width: 100%; text-align: left; background-color: #f6f6f6; position: relative; color: #222 !important; border: 1px solid #818181; box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); border-radius: 1px; margin-bottom: 1em; padding: .75em 3em .75em .75em; }
.tog-control button[aria-expanded="true"] { background-image: url(../i/minus-dark.png);	}
.tog-control button:hover, .tog-control button:focus { background-color: #ebf5f9; }
.js .tog-content { padding: 10px 20px; }

.state { background: transparent; line-height: 0; position: absolute; top: 32%; right: 6px; }
.state svg { height: 15px; width: 15px; }
.state svg rect { fill: #222; }
.tog-control button[aria-expanded="false"] .vert { opacity: 1; transition: opacity .15s ease; }
.tog-control button[aria-expanded="true"] .vert { opacity: 0; transition: opacity .15s ease;}

/* Create wrapping and indent for toggles with long titles */
.tree-list .tog-title {width: 100%!important; white-space: normal; display: flex;}
.tree-list .tog-title span.indented {max-width: calc(100% - 60px); margin-left: 0.25em;}

/**************************************
Header
**************************************/
.bootstrap > nav, .bootstrap nav:not(#sideNav), .navWrap {background: #363636!important; background: linear-gradient(180deg,#363636 0,#4a4a4a)!important;}
.navWrap ul li {flex-grow: 1;}
.navWrap ul a {position: relative; display: inline-block; padding: 14px 7px 7.5px; margin: 0; background-color: hsla(0,0%,100%,0); font-size: 14px; font-family: Montserrat,Avant Garde,Arial,sans-serif; font-weight: bold; border-bottom: 7px solid transparent; text-transform: uppercase; text-align: center; transition: background-color .15s linear; border-radius: 0; margin-right: 1rem;}
.navWrap ul a:hover, .navWrap ul a:focus, .navWrap ul a.active {background: #fff; color: #2f2f2f;}

/* NCI Utility Bar */
#nvcgSlUtilityBar {background: #6254a3; min-height: 40px; display: flex; align-items: center;}
#nvcgSlUtilityBar a {text-decoration: none;}
#nvcgSlUtilityBar a:focus, #nvcgSlUtilityBar a:hover {text-decoration: underline;}
#nvcgSlUtilityBar>.container {max-width: 1200px; width: 98%; padding: 0!important; margin-right: auto; margin-left: auto;}
.utility {padding: 0;font-family: Montserrat,Avant Garde,Arial,sans-serif;}
.utility, .utility a {color: #fff;}
.utility span {padding: .2em 1em; display: inline-block;}
.utility span:last-child {padding-right: 0;}

@media screen and (min-width: 641px) {
	.large-12 {position: relative; width: 100%;}
}

/***** Smart Menus Overwrites *****/
.sm { z-index: 100; }
.sm-clean { border-radius: 0; padding: 0; background: #494949; margin-top: 2px; }
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active { font-family: inherit; font-weight: 300; font-size: 1rem; color: #fff; }
.sm-clean a.current { color: #0000EE; }
.sm-clean a .sub-arrow { background: #fff; margin-bottom: 7px;}
.sm-clean a .sub-arrow:before { color: #333; font-size: 1.3rem; }
.sm-clean a, .sm-clean a.highlighted, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {padding: 12px 16px !important;}
.sm-clean a.has-submenu {padding-left: 12px !important;}
.sm-clean a.has-submenu[aria-expanded="true"] {background-color: #fff; color: #2f2f2f;}

.sm-clean a.has-submenu + ul li:hover, .sm-clean a.has-submenu + ul li a:focus {border-color:#6254a3 !important; color: #2f2f2f !important;}
.sm-clean a.has-submenu + ul li a {white-space: nowrap;}
@media (min-width: 603px) {
    .sm-clean { border-radius: 0; margin-top: 0px; }
    .sm-clean a { padding-top: 1.125rem; padding-bottom: 1.125rem; transition: background .1s linear; }
    .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { color: #fff; background: #5b5b5b; padding-top: 1.125rem; padding-bottom: 1.125rem; transition: background .1s linear; }
    .sm-clean a.current { color: #fff; }
	.sm-clean li { border-top: none; float: left; }
	
	.sm-clean ul { margin-top: 0!important; border-radius: 0 0 4px 4px!important; border-top: none; position: absolute; border: 1px solid #bbb; padding: 5px 0; background: #fff; box-shadow: 0 9px 5px rgba(0,0,0,.2);}
		.sm-clean > li > ul::before, .sm-clean > li > ul::after { display: none; }
    .sm-clean ul a { padding: 6px 20px 6px 30px; font-size: .875rem; font-weight: 400; }

	.sm-clean a.has-submenu + ul li {border-left: 8px solid #fff; margin-left: 3px; float:none;}
	.sm-clean a.has-submenu {padding-left: 24px !important; padding-right: 25px !important;}
	
    .sm-clean ul li:first-child a { padding-left: 20px; font-weight: 600; }
	.sm-clean ul li a {color: #333;}
    .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { background: #eee; color: #333; padding: 6px 20px 6px 30px; font-size: .875rem; font-weight: 400; }
    .sm-clean ul a.current { color: #fff; }
    .sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow { border-color: transparent transparent #0000EE transparent; }
    .sm-clean span.scroll-down:hover span.scroll-down-arrow { border-color: #0000EE transparent transparent transparent; }
    .sm-clean a .sub-arrow { border-top-color: #fff; margin-top: 0; right: 10px; background: transparent; }
	.sm-clean a.highlighted .sub-arrow {border-top-color: #fff;}
	.sm-clean a:hover .sub-arrow, .sm-clean a:focus .sub-arrow, .sm-clean a:active .sub-arrow, .sm-clean a.has-submenu[aria-expanded="true"] .sub-arrow {border-top-color: #2f2f2f;}
	.sm-clean a .sub-arrow {top: 19px;}
}
@media (min-width: 603px) and (max-width: 767px) {
	.sm-clean a .sub-arrow::before {content: '' !important;}	
	.sm-clean a .sub-arrow {width: 0; height: 0; border-width: 4px; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; border-radius: 0;}
}
@media (max-width: 602px) {
	.sm-clean li { border-top: 1px solid rgba(0,0,0,.25); float: none; }
	a.has-submenu[aria-expanded="true"] + ul li a {padding-left: 28px !important; border-bottom: none;}
	.sm-clean a.has-submenu[aria-expanded="true"] + ul li {border-top-color: rgba(0,0,0,.25) !important;}
	.sm-clean a.has-submenu[aria-expanded="false"] .sub-arrow {background-color: transparent;}
	.bootstrap .container:not(.pull-up)#main-nav-container {padding: 0 !important;}
}

/***** Mobile Navigation *****/
.navBar { position: relative; background: #eee; }
.btn { text-align: center; user-select: none; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;  white-space: nowrap; }
nav, .sm-clean, .navBar {background: linear-gradient(180deg,#363636 0,#4a4a4a)!important;}
#menu-button, #search-tog { display: none; }
#search-tog { position: absolute; right: 0; top: 0; margin-right: 1.275rem; }
.js .mobileState { display: block; }
@media only screen and (max-width: 602px) {
	.navBar { padding: 0; z-index: 665; background: linear-gradient(180deg,#363636 0,#4a4a4a)!important; }
	.navBar ul a {border-bottom: none;}
	.navBar .container {padding: 0!important; width: 100%!important; max-width: unset!important;}
	/* only show the toggle and hide the menu if JS is enabled */
	.js #menu-button, .js #search-tog { display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 700; background: transparent; box-shadow: none; border: none; color: #fff; font-family: Montserrat; }
	.js #menu-button[aria-expanded="true"], .js #search-tog[aria-expanded="true"] { background: transparent; }
	.js #search-tog { top: 1rem; width: 46.5%}
	.js #menu-button {width: auto;}
	.js #menu-button svg {margin: 0.25em 0;}
	.js #menu-button span {font-size: 0.8em; text-transform: uppercase;}
	.js .mobileState { display: none; }	
	.bootstrap > nav, .bootstrap nav:not(#sideNav), .navWrap, nav, .sm-clean {background: transparent !important; background-color: transparent !important;}
	.sm-clean {margin-top: 0; background: #f6f6f6!important;}
	.sm-clean a {color: #2f2f2f;}
}

/***** Active Page Styling *****/
.home .home > a, .explorer .explorer > a, .about .about > a, .data-products .data-products > a  {background: #fff; border-bottom-color: #6254a3; color: #2f2f2f;}
.explorer .explorer > a .sub-arrow, .data-products .data-products > a .sub-arrow {border-top-color: #2f2f2f;}
/* make space for left active indicator on dropdowns only when one of the dropdown items is active */
.navBar ul a.highlighted {text-align: left;}
.application li.application, .help li.help, .revisions li.revisions {border-left-color:#6254a3 !important; color: #2f2f2f;}
@media (max-width: 602px) {
	.navBar ul a, .navBar ul a:hover, .navBar ul a:focus {font-size: 17px!important;}
	.home .home > a, .explorer .explorer > a, .revisions .revisions > a, .application .application > a, .about .about > a, .help .help > a, .data-products .data-products > a {background: #f5f5f5; border-bottom: none; border-left: 7px solid #6254a3; color: #6254a3;}
}

/**************************************
Left Nav
**************************************/
.leftNav-wrap>nav {background: #fff!important;}
.leftNav a:focus, .leftNav a:hover {text-decoration: underline;}
.leftNav>ul>li {border-top: 1px solid #d6d6d6;}
.leftNav ul { background: #f9f9f9; list-style: none; margin: 0; padding: 0; font-weight: 700; }
.leftNav li { position: relative; margin: 0; padding: 0; }
.leftNav>ul>li>a {padding-left: 20px; padding-right: 45px;}
.leftNav ul li a {display: block; color: #606060; text-decoration: none; font-size: .875em; line-height: 1.2; padding-top: .625em; padding-bottom: .625em;}
.leftNav>ul>li:first-child {background: #1C5E86; color: #fff; display: block; font-weight: 700; line-height: 21px; text-transform: uppercase; font-size: 1.35em; border-top: none;}
.leftNav>ul>li:first-child>a {color: #fff; margin-right: 45px; display: inline-block; text-decoration: none;}

/* target all the children/2nd/3rd/4th lvl */
.leftNav ul ul { background: #f9f9f9; }
.leftNav ul ul  { margin-left: 15px; }
.leftNav ul ul li a, .leftNav ul ul ul li a, .leftNav ul ul ul ul li a, .leftNav ul ul ul ul ul li a { padding-left: 15px; padding-right: 15px; }

/* active section styles */
.leftNav ul li.active, .leftNav ul li.active ul, .leftNav ul li.contains-current, .leftNav ul li.contains-current ul {background: #ebf5f9;}
.leftNav ul li.contains-current>a {color: #662b6e;}
.leftNav ul li.active * {border-bottom: none!important;}
.leftNav ul li.active a.active, .leftNav ul li.active a.active svg {display: block; width: 100%; background: #227991!important; color: #fff; position: relative; padding-right: 45px;}
.leftNav ul li.active a.active::after {content: " "; position: absolute; height: 0; width: 0; left: 100%; top: 50%; margin-top: -12px; border-color: transparent transparent transparent #227991; border-style: solid dotted solid solid; border-width: 12px; pointer-events: none;}
.leftNav li.has-children ul li:first-child a {border-top: none!important;}

/* menu toggles for sub-sections +/- */
.expand { position: absolute; right: 5px; top: 6px; display: block; border: none; background: none; padding: 0; line-height: 0; cursor: pointer; z-index: 999; }
	.expand:focus { outline: 1px dotted #000; }

.expand svg { padding: 4px; border-radius: 3px; height: 19px; width: 19px; }
.expand svg rect { opacity: 1; transition: opacity .1s linear; fill: #333; }
li.active.contains-current .expand svg rect {fill: #fff!important; }
li.contains-current:not(.active) .expand svg rect {fill: #333!important; }
/*.subNav a:focus + .expand svg rect, .subNav a:hover + .expand svg rect, .subNav li.is-hover .expand svg rect {fill: #333;}
.subNav a:focus + li.active.expand[aria-expanded="false"] svg rect, .subNav a:hover + li.active.expand[aria-expanded="false"] svg rect, .subNav li.is-hover.active.expand[aria-expanded="false"] svg rect {fill: #fff!important;}*/
.subNav li.active .expand svg rect:not(.vert) { opacity: 1; transition: opacity .1s linear; }
.subNav a.active:focus + .expand svg rect,.subNav a.active:hover + .expand svg rect { fill: #333; }

.expand .vert { opacity: 1; transition: opacity .1s linear; }
.expand[aria-expanded="true"] svg rect, .expand[aria-expanded="true"] svg rect {fill: #fff!important;}
li.contains-current:not(.active) .expand[aria-expanded="true"] svg rect, .expand[aria-expanded="true"] svg rect {fill: #333!important;}
.expand[aria-expanded="true"] .vert { opacity: 0; transition: opacity .1s linear; }

#section-menu-button {position: absolute; z-index: 10; cursor: pointer; border-width: 0; text-align: right; color: #fff; font-size: .625em; line-height: 1; min-height: 1.5em; top: 0; right: 5.1%; font-family: Montserrat,Avant Garde,Arial,sans-serif; text-transform: uppercase;}
#section-menu-button.open:before {transform: translateY(-50%) rotate(0);}
.modal a.close-modal {display: none;}
.sideNavToggles {margin-top: 3rem; margin-bottom: 0;}
@media (max-width: 1024px) {
	.sideNavToggles {margin-bottom: 3rem; margin-top: 0;}
	.leftNav-wrap {position: absolute; top: 3.1em; right: 5.1%; width: 90%; z-index:999; font-size: 1rem;}
	.leftNav ul li a.active::after {display: none;}
	#overlay {display: none; opacity: .4; position: absolute; top: 0; left: 0; height: 100%; background-color: #000; width: 100%; z-index: 5;}
	.leftNav ul li a {padding-top: .95rem; padding-bottom: .95rem;}
		.expand {top: 15px; right: 18px;}
		.expand svg { padding: 0; border-radius: 3px; height: 15px; width: 15px; }
	.leftNav ul ul {margin-left: 0 !important;}
	.leftNav ul ul li a {border-top: 1px solid #d6d6d6 !important; padding-left: 35px;}
	.showme {display: block;}
	.hideme {display: none;}
	
	/* recreating cancer.gov toggle-type side nav for mobile */
	.sideNavToggles .tog-control button:hover, .sideNavToggles .tog-control button:focus {background: #1c5e86;}
	.sideNavToggles .tog-control {width: auto !important; padding: 0; margin-bottom: 0;} 
	.sideNavToggles .tog-control button {position: relative; background: #1c5e86; margin-bottom: 0; color: #fff!important; border-top-color: #1c5e86;}
	.sideNavToggles .tog-content {padding: 0; display: none;}
	.sideNavToggles .state svg rect {display: none;}
	.sideNavToggles .tog-control button::after {content: ''; display: none; background: #000; opacity: 0.6; position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: -1;}
	.sideNavToggles .tog-control button[aria-expanded="true"] {border: 1px solid #1c5e86; box-shadow: none;}
	.sideNavToggles .tog-control button[aria-expanded="true"]::after {display: block;}
	.sideNavToggles .state {top: 35%; right: 15px;}
	.sideNavToggles .state svg {width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; border-right: none; border-top: none; transform: rotate(-45deg);}
	.sideNavToggles .tog-control button[aria-expanded="true"] .state {top: 45%;}
	.sideNavToggles .tog-control button[aria-expanded="true"] .state svg {border-top: 2px solid #fff; border-right: 2px solid #fff; border-left: none; border-bottom: none;}
	.expand {top: -1px; right: 0; width: 50px; height: 47px; }
	li.active .expand[aria-expanded="false"] {background: transparent!important;}
	.expand[aria-expanded="true"] svg rect, .expand[aria-expanded="true"] svg rect {fill: #333!important;}
	li.active .expand[aria-expanded="true"] svg rect, li.active .expand[aria-expanded="true"] svg rect, li.active .expand[aria-expanded="false"] svg rect, li.active .expand[aria-expanded="false"] svg rect {fill: #fff!important;}
}

.seerLogo {padding: 0!important; max-width: 551px !important;}
.navBar {background: #363636; background: linear-gradient(180deg,#363636 0,#4a4a4a);}
.navBar ul a {position: relative; background-color: hsla(0,0%,100%,0); font-size: 14px; font-family: Montserrat,Avant Garde,Arial,sans-serif !important; font-weight: bold !important; border-bottom: 7px solid transparent; text-transform: uppercase; transition: background-color .15s linear; border-radius: 0!important;}
.navBar ul a:hover, .navBar ul a:focus, .navBar ul a.active {background: #fff; color: #2f2f2f!important; font-size: 14px;}

/**************************************
Containers
**************************************/
.bg-hero, .bg-grad {background: radial-gradient(circle at top center, rgb(28, 94, 134),rgb(0, 49, 76))!important;}
.container.bannerWrap, .navBar .container {width: 98%; max-width: 1200px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

/**************************************
Top Two Dropdowns
**************************************/
.dropsWrap .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #227991 transparent transparent transparent;} /* arrow shut */
.dropsWrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #227991 transparent;} /* arrow open */

/**************************************
Help Icons
**************************************/
.help-icon {color: #227991;border: 1px solid #319fbe;}
.help-icon:hover, .help-icon:focus {border-color: #135f73; transition: all .1s ease-in-out; }

/**************************************
Homepage
**************************************/
.listCard-title {background: #227991!important;}
.h-icon svg, .listCard li svg {fill: #227991!important;}
.home .h-icon {margin-top: 0;}
.edge-card.news-releases {background-color: #f6f6f6; border-top: 8px solid #227991; color: #6D6D6D; margin: 0 auto 1.5rem; padding: .5rem 1.5rem 1rem;}
.news-releases h3 {border-bottom: 1px solid #333; padding-bottom: 0.25rem; display: block; font-size: 1.25rem; margin-top: 0.5rem;}
.news-releases ul {list-style: none; padding-left: 0; margin-bottom: 0.5rem;}
.news-releases a {font-weight: 700; color: #2871a9; }
.news-releases li {margin-bottom: 0.5rem;}

#explore-stats li {padding-bottom: 4px;}

.citation:before {background: #00314c!important;}
.citation-section .citation {margin-bottom: 0; border: none; margin-top: 0; padding: 2.5rem 1rem 0;}
.citation-section .citation::before {border-radius: 3px; top:0}
.citation-section {background: #f1f1f1;}
.overlay-gray {background: rgba(223,223,223,.75);}
.extra-padding {padding-left: 2rem;}
.cta-button {background: #00314c; box-shadow: inset 0 0.5rem 0.5rem rgb(255 255 255 / 12%), inset 0 -0.5rem 0.5rem rgb(255 255 255 / 12%), 0 5px 0.5rem rgb(0 0 0 / 35%); padding: .75rem 1.5rem; font-weight: bold; font-size: 125%; border-radius: .25rem; text-align: center; margin: auto auto 0; color: #fff!important; text-decoration: none; display: inline-block; transform: translateY(0);}
.cta-button:hover, .cta-button:focus {text-decoration: underline; box-shadow: none; color: #fff!important; transform: translate(3px, 3px); animation: transform .3s ease-in-out;}
.clean-list {padding: 0!important; line-height: 2;}
.clean-list li {list-style-type: none;}
.clean-list a {color: rgb(69, 69, 69); text-decoration: none;}
.home .clean-list a {color: #6a2c72;}
.list350 {width: 350px; margin-bottom: 1rem!important;}
.special-features .img {text-align: center; margin-top: 0.75rem; align-self: flex-start;}
.special-features .img:not(.d-flex) {order: 2;}
.img-right, .img-left {margin: 0 auto; max-width: 100%; height: auto;}

@media (min-width: 576px) {
	.cta-button {width: 75%;}
}
@media (min-width: 768px) {
	.special-features .img {text-align: left; margin-top: 0;}
	.special-features .img.d-flex {text-align: right;}
	.img-right {margin: 0 0 0 auto;}
	.special-features .img:not(.d-flex) {order: 0;}
	.special-features p.small {margin-top: 0;}
	.cards-column:not(.col-lg-5) {padding-left: 3rem;}
	.news-releases {margin-top: 0 !important;}
}
@media (min-width: 1025px) {
	.cards-column.col-lg-5 {padding-left: 3rem;}
}
@media (max-width: 400px){
	.list350 {width: 100%; line-height: 1.25;}
	.list350 .iconRight {margin-bottom: .5rem;}
}

/**************************************
Pseudo Tabs for Statistic Type
**************************************/
.subTabs label.active, .subTabs label.active:hover {background: none;}
.subTabs legend {padding: 0 2px;}
@media (max-width: 1000px) {
	.subTabs .help-icon {margin: 0 2px 0 -2px;}
}
@media (min-width: 1001px) {
	.subTabs label:hover {background: #227991;}
	.subTabs label.active, .subTabs label.active:hover {background: #227991;}
	.subTabs legend {padding: 0;}
}

/**************************************
Compare By Controls
**************************************/
.compareWrap {padding: 0 1.5rem;}
.compareWrap legend {background: none;}
.compareWrap label:hover, .compareWrap label:focus, .compareWrap .active {background: #ebf5f9;}
.compareWrap .active:after {border: 8px solid transparent; border-bottom-color: #ebf5f9;}
.compareWrap .active:before {border: 4px solid transparent; border-bottom-color: #227991;}
@media (max-width: 1000px) {
	.compareWrap legend {padding: 0 2px;}
	#compareByCheckboxes legend, #seriesCheckboxes legend {padding: 0 2px;}
}
@media (min-width: 1001px) {
	.compareWrap { background: #227991; border-bottom: 6px solid #ebf5f9;}
	.compareWrap legend {background: #ebf5f9;}
	
}

/**************************************
Left Column Controls
**************************************/
@media (min-width: 1001px) {
	#region_3_multiselects {background: #ebf5f9; padding-bottom: 0!important;}
}

/* change the arrow color in the left column for the dropdowns */
.colLeft .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #227991 transparent transparent transparent; } /* arrow shut */
.colLeft .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #227991 transparent;} /* arrow open */
#compareByButton {padding: 0.5em 1em!important;}
#compareByButton button {background: #5b4e97; border-bottom: 3px solid #332b54; font-size: 1rem; padding: 0.5rem 1rem; border-radius: 4px; transition: background .1s linear;}
#compareByButton button:focus, #compareByButton button:hover {background: #514587;}
#completePrevCompareByButton {padding: 0.5em 1em!important;}
#completePrevCompareByButton button {background: #5b4e97; border-bottom: 3px solid #332b54; font-size: 1rem; padding: 0.5rem 1rem; border-radius: 4px; transition: background .1s linear;}
#completePrevCompareByButton button:focus, #completePrevCompareByButton button:hover {background: #514587;}
#compareByCheckboxes fieldset {padding: 0.5em 0.7625em;}
#compareByCheckboxes fieldset.exPadding {padding: 0.5em 0.7625em;}
.count-badge {flex-direction: column; justify-content:flex-start;}
.count-badge .count {background: transparent; padding: 0.5rem 1rem 0; margin-left: 0; width: 100%;}
.count-badge .d-flex {justify-content: flex-start; width: 100%;}
#seriesSelect {padding: 0.5rem!important;}

/* Custom Checkboxes */
/* set initial layout */

/* hover focus states when checked */
.custom-checks label input:checked ~ .control_indicator { background: /*#82368c*/ #17644d; border-color: /*#82368c*/ #17644d; }
.custom-checks label:hover input:not([disabled]):checked ~ .control_indicator, .custom-checks label input:checked:focus ~ .control_indicator { background: /*#82368c*/ #17644d; border-color: /*#82368c*/ #17644d; }
.custom-checks label .control_indicator:after {top: 2px; left: 6px; width: 5px; height: 10px;}

/* Custom Radios */
/* set initial layout */
.custom-radios .control_indicator {width: 18px; height: 18px; top: 2px;}
.custom-radios label input:checked ~ .control_indicator {border-color: /*#82368c*/ #17644d;}
.custom-radios label:hover input:not([disabled]):checked ~ .control_indicator, .custom-radios label input:checked:focus ~ .control_indicator {border-color: /*#82368c*/ #17644d; }
.custom-radios label .control_indicator:after {background: /*#82368c*/ #17644d; width: 10px; height: 10px; left: 2px; top: 2px;}

/* set up containers and toggles for left filters */
#region_3_controls .varBox fieldset {border: none;}
#region_3_controls .varBox legend {left: 0;}
#region_3_controls .varBox legend button {border: 1px solid #227991;}
#region_3_controls .varBox legend button:after {color: #227991;}
#region_3_controls .varBox-reveal {border: 1px solid #ccc; border-top: none;}

/* main tabs */
.main-tabs-tabs__list {border-bottom: 1px solid #ddd;}
.main-tabs-tabs__link {color: #1c5e86; border: 1px solid #ddd;}

[aria-selected="true"].main-tabs-tabs__link {box-shadow: inset 0 3px 0 #1c5e86;}

/* footnotes tabs */
.foot-tabs-tabs__link {color: #1c5e86;}

/* simulate this block being outside of the container */
.continue {background: #00314c;}
.continue::after {border: 1px solid #ddd;}

.svg-icon path, .svg-icon polygon, .svg-icon rect {fill: #1c5e86;}
.exploreCard {border-top: 8px solid #1c5e86;}

.exploreCard:hover em, .exploreCard:focus em {border-color: #1c5e86;}

/* Data Table */
.explorer tbody tr:hover, .explorer tbody tr:hover th { background: rgba(130,54,140,0.075)!important; color: #454545!important;}

/* Action Buttons */
.actions button img {max-width: 2.25rem!important;}
.actions .icon-button:after {width: auto;}

/**************************************
Cancer Sites to Compare Modal
**************************************/
.btn-modal-wrap {background: #1c5e86;}
.btn-modal-cancel:visited {color: #fff!important;}
.compare-note {background: #ebf5f9;}
.modal-major-check {font-weight: 400; margin-bottom: 0.75rem!important;}
.modal-subtype {margin-left: 25px; font-size: .825rem; padding-left: 1.85rem!important;}
.custom-checks .modal-subtype .control_indicator {height: 12px; width: 12px; top: 4px; left: 9px;}
.custom-checks .modal-subtype .control_indicator::after {left: 5px; top: 1px; width: 2px; height: 7px; border-width: 0 1px 1px 0;}
.purpleBtn {background: #82368c; border-bottom: 3px solid #55245b; border-radius: 3px; color: #fff!important; text-decoration: none; margin: 0 10px 0 0; padding: .5rem 1rem; transition: background .1s linear;}
.purpleBtn:focus, .purpleBtn:hover {background: #6a2c72;}

/* Modal Toggles */
.compare-modal-wrap {font-size: 1em;}
.explorer .tog-control { width: 100%; /*margin: 10px 0;*/ margin: 0; font-size: 1em; padding: 0; font-family: 'Source Sans Pro', Helvetica, sans-serif; display: flex; align-items: center;}
.explorer .tog-content { padding: 10px 20px; }
.modal-tog .tog-control, .modal-tog .tog-content {font-size: 0.8em;}
.modal-tog .tog-control button { width: 100%; text-align: left; background-color: transparent; background-image: url(/i/plus-dark.svg); background-repeat: no-repeat; background-size: 15px; color: #222 !important; border: none; border-radius: 0; margin-bottom: 0; padding: .5em 1em .5em 2em; background-position: center left 2px; box-shadow: none; font-style: italic;}
.modal-tog .tog-control button[aria-expanded="true"] { background-image: url(/i/minus-dark.svg);}
.modal-tog .tog-control button[aria-expanded="true"] span.show, .modal-tog .tog-control button[aria-expanded="false"] span.hide {display: none;}
.modal-tog .tog-control button[aria-expanded="false"] span.show, .modal-tog .tog-control button[aria-expanded="true"] span.hide {display: inline-block;}
.modal-tog .tog-control button:hover, .tog-control button:focus { background-color: #ebf5f9; }
.tog-content .modal-subtype {margin-left: 10px;}
.modal-tog .tog-content {padding: 0 0.5em 0.5em;}
.modal-tog {margin: -0.65rem 0 0.5rem;}
.compare-modal #js-modal-content {overflow-x: hidden;}
.js-modal.help-icon {text-decoration: none;}
#js-modal-content {max-height: calc(85vh - 2rem);}
@media (min-height: 765px) {
	#js-modal-content {max-height: 650px;}
}

.compare-modal .comp-col {margin-right: 0; padding-right: 1%; flex: 1 1 33%;}
.compare-modal .comp-col:last-child {padding-right: 0;}
label.modal-subtype::before {content: ""; width: 14px; height: 14px; background: url("data:image/svg+xml;utf,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23666' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z'/></svg>") no-repeat center; z-index: 999; position: absolute; top: 3px; left: -10px;}
@media (max-width: 991px) {
	.compare-note { width: auto; }
	.row-2 { flex-wrap: wrap; }
	.comp-col { flex: 1 1 50%; margin: 0; }
}
@media (max-width: 575px) {
	.comp-col { flex: 1 1 100%; }
	.compare-note svg { flex: 0 0 20px; }
}

/**************************************
About Page
**************************************/
.card#about-nccr ul {margin-top: 0;}
.bootstrap .edge-card {border-top-color: #227991; margin: 0 auto 1.5rem; padding: .5rem 1.5rem 1rem; font-size: 1rem;}
.bootstrap .help-list {width: 75%; }
.bootstrap .help-list h2 {margin: 0; font-size: 1.35rem;}
.bootstrap .help-list .purpleBtn {display: flex; align-items: center; justify-content: space-between; padding: 0.5rem;}

@media (min-width: 768px) {
	.edge-card {margin-left: 1.5rem; margin-bottom: 1.5rem; float: right;}
	.bootstrap .help-list {width: 300px;}
	.data-products.bootstrap .help-list {width: 75%;}
}

.center-content {justify-content: space-around;}

/* SEER Stat DB Toggle Lists */
.treeWrap { border-top: 1px solid #818181; }
.js .treeWrap .superTog { position: relative; left: 0; top: 0; margin-bottom: 1.5em; }
.tree-list { padding-bottom: 2em; }
.tree-list .tog-content { padding: 0; }
.sub-tree { list-style: none; margin-right: 1.5em; }

/* expand/collapse all */
.js .factSheet { padding-top: 15px; position: relative; } /* if there is JS, bump the content down, make room for the buttons at the top */
.superTog {	display: none; } /* don't show the buttons if there is no JS */
.js .superTog {	display: block;	position: absolute; right: 0; top: -30px; font-size: 14px; }
.superTog a { display: inline-block; text-decoration: none; padding: 2px 10px; background: #f6f6f6; border-radius: 0 0 2px 2px; border: 1px solid #818181; box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); border-top: none; font-weight: 700; }
.superTog a:hover, .superTog a:focus { background: #ebf5f9; }
@media screen and (max-width: 991px) {
	.js .factSheet { padding-top: 0; }
	.js .superTog {	position: relative; top: 0; left: 0; margin: 0 auto 1em auto; text-align: center; width: 80%; }
	.superTog a { width: 48%; border-top: 1px solid #ebf5f9; border-radius: 3px; }
	.asideText { display: block; font-size: 1.2em; margin-top: 10px; padding-top: 15px; border-top: 1px solid #ccc; position: relative; }
	.asideText:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -5px; height: 0; width: 0; border: 10px solid transparent; border-top-color: #ccc; }
	.statBox { max-width: 200px; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 787px) {
	.asideText { font-size: 1.1em; }
}

/**************************************
Help Page
**************************************/
.itemWrap {border-left: 2px solid #227991!important;}
.well .help-list {color: #454545;}

@media screen and (min-width: 768px) and (max-width: 1024px){
	body.help .well .flex-50, body.data-products .well .flex-50 { display: flex; }
}
@media screen and (min-width: 768px) and (max-width: 992px){
	body.data-products .well .flex-50 { flex-wrap:wrap; justify-content: flex-start; }
	body.data-products .well .flex-50-child {flex: auto;}
	body.data-products .well .flex-50-child .help-list.edge-card {float: none; }
}

/**************************************
Footer
**************************************/
footer {z-index: 1;}
footer .nccr-logo {display: block; /*background: transparent url(../../i/seer_logo.png) left center no-repeat;*/ margin: 0 auto 35px auto; width: 75%;}
.footer { border-bottom: 1px solid #ccc;background: #00314c url(/i/hexagon_molecular_structure_footer.png) no-repeat  -20% 115px !important; padding: 0 !important;}
.footer-links * {color: #fff; font-family: Noto Sans,Century Gothic,Arial,sans-serif;}
.footer-links {background: transparent;}
.footer-links a, .footer-links a:hover, .footer-links a:focus, .footer-links a:visited {color: #fff;}
.footer-links a {text-decoration: none; font-weight: 700;}
.footer-links a:hover {text-decoration: underline;}
.footer-links h2 {font-size: 25px; font-family: "Montserrat","sans-serif"; font-weight: 700; }
.footer-links h2 span {display: block; font-family: "Montserrat","sans-serif"; font-weight: 700; font-size: 16px;}
.footer-links h3 {text-transform: uppercase; font-weight: 400; font-size: 1.2rem; line-height: 1.215em; margin-bottom: 1em; margin-top: 1em;}
.footer-links ul:not(.social):not(.linkList) li {width: 100%; line-height: 1.3em; margin-bottom: 1em;}
.linkList {width: auto; font-size: .8em; align-self: center;}
.tagline {width: 95%; align-self: center;}
/*removing bottom pre-footer*/
footer {padding:0 !important;}
.footer-links {margin:0 !important;}

.social li {background: #fff; border-radius: 50%; padding: 3px 10px; width: 48px; height: 48px;}
.social li svg {margin-top: 10px; margin-left: 2px;}

.footerWrap {justify-content: space-between;}
.footerWrap>div:not(.w-100) {flex-basis: 23%; margin-right: 2%; padding-right: 10px;}
@media only screen and (max-width: 768px) {
	.footerWrap>div { width: 100%; }
}

/* return to top */
.returntop {bottom: 3rem; position: fixed; right: 1rem; display: none; z-index: 99; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 8px rgb(0 0 0 / 20%);}
.returntop span {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
.returntop svg {border: 1px solid #277e96; margin-top: 6px; height: 38px; width: 38px;}
.returntop svg path {fill: #277e96;}
.returntop:hover, .returntop:focus {background: #277e96;} 


/**************************************
Browser-specific fixes
**************************************/
/***** IE *****/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#nvcgSlUtilityBar {height: 72px!important;}
	.js .leftNav-wrap.tog-content {padding: 0;}
}
@media screen and (min-width: 300px) {
    /* IE 10 and above */
	_:-ms-lang(x), #nvcgSlUtilityBar { 
       height: 51px!important; 
    }
	/* IE 11 and above */
	_:-ms-fullscreen, :root #nvcgSlUtilityBar { 
       height: 51px;
     }
}
@media screen and (min-width: 550px) {
   	/* IE 10 and above */
	_:-ms-lang(x), #nvcgSlUtilityBar { 
       height: 40px!important; 
    }
	/* IE 11 and above */
	_:-ms-fullscreen, :root #nvcgSlUtilityBar { 
       height: 40px!important;
     }
}
@media screen and (min-width: 1008px) and (max-width: 1024px) {
	/* IE 10 and above */
	_:-ms-lang(x), .iefix {display: block!important;}
	_:-ms-fullscreen, :root .iefix {display: block!important;}
}
@media screen and (max-width: 1024px) {
	/* IE 10 and above */
	_:-ms-lang(x), #overlay.show { 
      height: 100%!important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      display: block!important;
      position: fixed;
    }
	_:-ms-lang(x), .sideNavToggles .tog-control button[aria-expanded='true']::after {
      display: none;
	}
	
	/* IE 11 and above */
	_:-ms-fullscreen, :root #overlay.show { 
      height: 100%!important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      display: block!important;
      position: fixed;
     }
	_:-ms-fullscreen, :root .sideNavToggles .tog-control button[aria-expanded='true']::after {
     display: none;
	} 
}