/* ====================================
    Overrides for Dev Servers Only 
==================================== */

/* Impersonate bar */
.usa-banner__inner .usa-banner__language-toggle {background-color: #fff!important;}
#rocksso-userlist a {padding: .5rem 0;}

/* ====================================
    Bootstrap Overrides 
==================================== */
.dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {background-color: #007bbd; color: #fff;}
.mb-n4 {margin-bottom: -2rem!important;}
td.form-control-sm .form-control {min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: .25rem .5rem; font-size: 0.875rem;}
td.form-control-sm label {position:absolute!important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}

/* ====================================
    NCIDS/USWDS Overrides 
==================================== */
.usa-prose *+h1,.usa-prose *+h2,.usa-prose *+h3,.usa-prose *+h4,.usa-prose *+h5,.usa-prose *+h6, .one-col-headings *+h1, .one-col-headings *+h2, .one-col-headings *+h3, .one-col-headings *+h4, .one-col-headings *+h5, .one-col-headings *+h6 { margin-top: 1.5em}
.one-col-headings *+h1:first-of-type, .one-col-headings *+h2:first-of-type, .one-col-headings *+h3:first-of-type, .one-col-headings *+h4:first-of-type, .one-col-headings *+h5:first-of-type, .one-col-headings *+h6:first-of-type {margin-top: 0;}
.usa-prose h1, .one-col-headings h1, .h1 {font-size: 1.82rem}
.usa-prose h1,.usa-prose h2, .one-col-headings h1, .one-col-headings h2, .h1, .h2 {font-family: Poppins,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: 600; line-height: 1.2}
.usa-prose h2, .one-col-headings h2:not(.usa-summary-box__heading), .h2 {font-size: 1.56rem}
.usa-prose h3, .one-col-headings h3, .h3, .usa-summary-box__heading {font-size: 1.3rem}
.usa-prose h3,.usa-prose h4, .one-col-headings h3, .one-col-headings h4, .h3, .h4 {font-family: Poppins,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: 600; line-height: 1.2}
.usa-prose h4, .one-col-headings h4, .h4 {font-size: 1.17rem}
.usa-prose h5,.usa-prose h6, .one-col-headings h5, .one-col-headings h6, .h5, .h6 {font-family: Poppins,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-size: 1.04rem; font-weight: 600; line-height: 1.2}
.usa-prose h6, .one-col-headings h6, .h6 {font-style: italic}
* .portal-card span.label + h1, * .portal-card label + h1, * .portal-card span.label + h2, * .portal-card label + h2, * .portal-card span.label + h3, * .portal-card label + h3, * .portal-card span.label + h4, * .portal-card label + h4, * .portal-card span.label + h5, * .portal-card label + h5, * .portal-card span.label + h6, * .portal-card label + h6 {margin-top: 0;}
.usa-prose a:not([class]) {color: #01679d; text-decoration: underline}
.usa-prose a:not([class]):visited {color: #54278f}
.usa-prose a:not([class]):hover {color: #004971}
.usa-prose a:not([class]):active {color: #00314b}
.usa-prose a:not([class]):focus {outline: .25rem solid #2491ff; outline-offset: 0}
.usa-sidenav__item span.usa-current.usa-current--nci-ancestor {display: block; padding: .5rem 1rem;}
.usa-prose>div.modal.fade.show {margin-top: 0!important; padding-top: 1.5em;}

/* hides extra external links icons */
.usa-prose>ul>li a:not([class])[href^="https:"]:not([href*=".gov"],[href*="mailto:"],[href*="javascript:"],[href*="public.govdelivery.com"],[href*="www.gov.uk"],[data-ncids-internal-link]):after {display: none;}
.d-nci-mobile {display: list-item;}
.d-nci-desktop {display: none;}

.usa-in-page-nav.trial-summary-nav .usa-in-page-nav__item {font-weight: 400;}
.usa-in-page-nav.trial-summary-nav .usa-in-page-nav__list a:not(.usa-button).usa-current:after {background-color: #1e4c4f; left: -2px;}
.usa-in-page-nav.trial-summary-nav .usa-in-page-nav__list a:not(.usa-button).usa-current {color: #1e4c4f; font-weight: 700;}
.usa-in-page-nav-container {display: block;}

@media (min-width: 768px) {
    .usa-in-page-nav.trial-summary-nav {min-width: 15rem;}
}

@media (min-width: 64em) {
    #main-content.left-padding, #main-content-dupe.left-padding {padding-left: 3rem;}
    .d-nci-mobile {display: none;}
    .d-nci-desktop {display: list-item;}
}
/*adds identical padding to mobile nav links, but gives them more weight to differentiate them, as they're not links.*/
.nci-header-mobilenav__list-text {display: block; padding:.5rem 1.5rem .5rem .5rem; font-weight: 600;} 
.nci-header-mobilenav__list>li>ul>.nci-header-mobilenav__list-item:not(:first-child)>span {padding-left: 1.5rem;}

/*allows the header row of US gov website to wrap on small screen sizes*/
@media screen and (max-width: 320px) {
    .usa-banner__inner {flex-wrap: wrap;}
}

/*adds a box shadow on gray background overridden usa-site-alert boxes */
.usa-site-alert.bg-light {box-shadow: -1px 2px 3px #ccc;}

/* ensures space between buttons on small viewports */
.usa-button {margin-bottom: .5rem;}
.usa-button:last-child {margin-bottom: 0;}
.btn-toolbar .usa-button:last-child, .longtext-buttons .usa-button:last-child {margin-bottom: .5rem;}

/* overrides Bootstrap nowrap text on dropdown toggle on small viewports if the toggle has .usa-button */
.dropdown-toggle.usa-button, .usa-button {white-space: wrap;}
@media (min-width: 576px) {
    .dropdown-toggle.usa-button, .usa-button  {white-space: nowrap;}
}

@media (min-width: 30em) {
    .usa-button, .btn-toolbar .usa-button:last-child {margin-bottom: 0;}
    .longtext-buttons a, .longtext-buttons button {width: 100%;}
    .usa-in-page-nav-container {display: flex;}
}
@media (min-width: 576px) {
    .longtext-buttons a, .longtext-buttons button {width: 46.5%; min-width: 442px;}
}

/* ====================================
    IMS Template Overrides 
==================================== */
.no-exit-notification + a[href="/extlinks/"] {display: none;}
b, strong { font-weight: 700; }
.tabs-responsive .nav-tabs .nav-link {height: 100%;}
/* .usa-prose h1 {font-weight: 600;} */

/* ====================================
    CDAS Redesign Styles
==================================== */
/* Global Utility Classes*/
main, .break-word { overflow-wrap: break-word; }
.break-word { max-width: 100%!important; }
.justify-lg-end, .justify-md-end, .justify-sm-end {justify-self: flex-start;}
.error-message {font-size: .85rem; color: #e41154;}
.left-border {border-top-width: 1px!important; border-bottom-width: 1px!important; border-right-width: 1px!important;}
a.discreet {font-size: 0.8rem;}
.cdas-custom-info.usa-site-alert--info, .cdas-custom-info.usa-site-alert--info .usa-alert__nci-button--close, .cdas-custom-info.usa-site-alert--info .usa-alert .usa-alert__body, .cdas-custom-info.usa-site-alert--info .usa-alert {background-color: #fdf2bf;}
.cdas-custom-info.usa-site-alert--info .usa-alert .usa-alert__body:before {-webkit-mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-triangle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E), linear-gradient(transparent, transparent);
    mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-triangle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E), linear-gradient(transparent, transparent);}
.img-wrapper img {max-width: 250px;}
.list-style-none {list-style-type: none!important;}
.list-style-none li::marker {color:transparent!important;}
.w-33 {width: 33.333%;}
.w-66 {width: 66.666%;}
.w-sm-33, .w-sm-66 {width: 100%;}
.vertical-borders {border-top: 1px solid rgba(27,27,27,.25); border-bottom: 1px solid rgba(27,27,27,.25); margin: 1rem 0;}
.h3-list li::marker {font-size: 22px; font-weight: bold;}

@media screen and (min-width: 992px){
    .justify-lg-end {justify-self: flex-end;}
}
@media screen and (min-width: 768px){
    .justify-md-end {justify-self: flex-end;}
}
@media screen and (min-width: 576px){
    .justify-sm-end {justify-self: flex-end;}
    .w-sm-33 {width: 33.333%;}
    .w-sm-66 {width: 66.666%;}
}

/* Other Global Styles */
.rightNav-fullbleed {position: relative;}
.rightNav-fullbleed .rightNav-block {background: transparent;}
.rightNav-fullbleed div.cdas-rightNav {padding-bottom: 2rem;}
.rightNav-fullbleed div.cdas-rightNav:last-child {padding-bottom: 0;}
.cdas-rightNav.trial-summary-nav {position: sticky; right: 0;}
.fw-600 {font-weight: 600!important;}

@media screen and (min-width: 992px){
    .rightNav-fullbleed .rightNav-block {background: #f8f9fa; border-left: 1px solid #ccc;}
    .rightNav-fullbleed::before {display: block; content: ''; width: 30%; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; background-color: #f8f9fa;}
}

/* NCI Heading */
.nci-header-nav__secondary-inner {display: flex; flex-direction: column-reverse;}
#loggedIn-user {display: flex; align-items: center; width: 100%; margin-bottom: 0.25rem;}
#loggedIn-user button {text-decoration: none; padding-left: 0;}
#loggedIn-user button svg {margin-right: .25rem;}
#loggedIn-user .quickLink {margin-right: 0.5rem;}
#loggedIn-user .quickLink a {padding: 0.25rem .5rem; border-right: 1px solid #ccc;}
.nci-header-nav__secondary-links {display: flex; list-style-type: none; padding-left: 0; margin-top: .5rem; margin-bottom: 0;}
.nci-header-nav__secondary-item {display: inline; border-left: 1px solid #ccc; padding-left: 0.5rem;}
.nci-header-nav__secondary-item:first-child {border-left: none; padding-left: 0; padding-right: 0.5rem;}

@media screen and (min-width: 64em) {
    .nci-header-nav__secondary-inner {flex-direction: column;}
    #loggedIn-user {justify-content: flex-end;}
    #loggedIn-user button {padding-right: 0.75rem;}
    .nci-header-nav__secondary-links {margin-top: 0; margin-bottom: .5rem;}
}

/* Announcements Banner */
.announcements-full-bleed {background-color: #f8f9fa; color: #222; padding: 1rem 0; border-top: .25rem solid #298085;}
/* .announcements-full-bleed a {color: #fff;} */
/* .announcements-full-bleed a:active, .announcements-full-bleed a:focus, .announcements-full-bleed a:hover {color: #fff; text-decoration: none;} */
.announcements-full-bleed .icon-header, .announcements-homepage-box .icon-header {display: flex; justify-content: flex-start; align-items: flex-start; padding: 0 1rem 0 .5rem;}
.announcements-homepage-box .icon-header {padding: 0; position: relative;}
.announcements-full-bleed .icon-header svg {display: none;}
.announcements-homepage-box .icon-header svg {position: relative; top: 2px; margin-right: 0.5rem;}
.announcements-full-bleed .icon-header-content p, .announcements-homepage-box .icon-header-content p {font-size: .85rem;}
.announcements-full-bleed .icon-header-content p.icon-head {font-size: 1rem; font-weight: 700;}
.announcements-full-bleed .icon-header-content p:last-child, .announcements-homepage-box .icon-header-content p:last-child {margin-bottom: 0;}
.announcement-list-wrapper {display: flex; height: auto; align-items: center; margin-top: 1rem;}
.announcement-list-wrapper .announcement-list, .announcements-homepage-box .announcement-list {margin-bottom: 0;}
.announcement-list {list-style-type: none; padding-left: 0;}
.announcement-list li {position: relative; line-height: 2;}
.announcement-list li a {text-decoration: underline;}
.announcement-list li::before {height: 1rem; content: '\203A '; display: inline-block; padding: 0 0.25rem 0; position: relative; top: -1px;}
.announcement-list span.badge {padding: 2px .5rem; font-weight: 700; text-transform: uppercase; position: relative; bottom: 2px; margin-left: .25rem;}
.announcements-full-bleed .cdas-rightNav-header a.fw-bold {text-decoration: none!important;}
.hero.border-bottom-override {border-bottom: none;}

@media screen and (min-width: 768px) {
    .announcement-list-wrapper {border-left: 1px solid rgba(0,0,0,.5); margin-top: 0; height: 100%;}
}
@media screen and (min-width: 576px) {
    .announcements-full-bleed .icon-header svg {display: block; min-width: 16px; margin-top: 2px;}
    .announcements-full-bleed .icon-header-content {padding: 0 1rem;}
    .announcements-full-bleed .announcement-list {padding-inline-start: 2.5rem;}
}

/* Login/Register Pages */
.login-container h1 {margin-bottom: .75rem;}
.login-container .heading-sm {font-size: 1.175rem}
.nih-warning-content {font-size: 0.9rem;}
.warning-header {color: #950000; text-transform: uppercase; font-weight: 600;}
.usa-graphic-list {font-size: 1.02rem; line-height: 1.5;}
.usa-graphic-list .usa-graphic-list__row .usa-media-block {margin-bottom: 2rem;}
.usa-media-block {align-items: flex-start; display: flex;}
.usa-graphic-list .usa-media-block__img {margin-right: 1.5rem;}
.usa-media-block__img {flex-shrink: 0; margin-right: .5rem;}
.usa-media-block__body {flex: 1 1 0%;}

/* Login/register button styles overrides */
.btn-auth.width-full {width: 100%;}
.btn-auth.internal::after {display: none!important;}
.btn-auth, .btn-auth:active, .btn-auth:hover, .btn-auth:focus {border-width: 1px!important; border-style: solid!important;}
.btn-auth svg {margin-top: .25rem;}
.btn-login-gov-outline {color: #112e51!important;}
.btn-login-gov-outline:hover, .btn-login-gov-outline:focus, .btn-login-gov-outline:active {color: #112e51!important; border-color: #767676!important;}
.btn-login-gov-outline:active {background-color: #ebf3fa!important; color: hsl(213, 66%, 10%)!important;}
.btn-id-me-outline {color: #08833d!important; border: 1px solid #08833d!important;}
.btn-id-me-outline:hover, .btn-id-me-outline:focus {color: #06602d!important;}
.btn-id-me-outline:active {background-color: #f7f7f7!important; color: hsl(146, 88%, 18%)!important;}
.btn-id-me:active {background-color: hsl(146,88%,18%);}
.btn-id-me:active, .btn-id-me-outline:active {border-color: hsl(146, 88%, 18%)!important;}
.btn-id-me:hover, .btn-id-me:focus, .btn-id-me-outline:hover, .btn-id-me-outline:focus {border-color: #06602d!important;}

@media (min-width: 311px) {
    .btn-id-me svg, .btn-id-me-outline svg {transform: translateY(-2px); margin-top: 0;}
}
@media (min-width: 384px) {
    .btn-login-gov svg, .btn-login-gov-outline svg {transform: translateY(-1px); margin-top: 0;}
}
@media (min-width: 30em) {
    .signin-box, .signin-companion {max-width: 32.031rem; min-width: 23.75rem;}
}
@media (min-width: 40em) {
    .usa-graphic-list .usa-graphic-list__row:last-child .usa-media-block {margin-bottom: 0;}
    .signin-box, .signin-companion {max-width: 41.625rem; min-width: 25.666rem;}
}
@media (min-width: 64em) {
    .signin-box {max-width: 31.6rem; min-width: 30.25rem;}
    .login-width-override, .nih-warning-content {max-width: 72.875rem;}
    .login-container .flex-justify-center {justify-content: flex-start;}
}

/* Homepage */ 
body.cdas-home .usa-breadcrumb {display: none;}
.homepage-logos {display: flex; align-items: center;}
.homepage-logos img {max-height: 120px; margin: 0 1rem;}
.homepage-logos img:first-child {margin-left: 0; padding-left: 0;}
#projects-table .nci-card__body {padding: .5rem .75rem;}
#projects-table .nci-card a {box-shadow: none; background: transparent;}
#homepage-bottom .tablet:grid-col-6:first-child {border-right: none;}
#homepage-bottom .newsWrap {display: flex; flex-direction: column; padding-top: 2.5rem;}
#homepage-bottom .border-md-end .d-sm-flex.align-items-start {padding: 3rem 1rem 1rem;}


@media screen and (min-width: 992px) {
    #homepage-bottom .newsWrap {padding-top: 1rem}
    #homepage-bottom .border-md-end {border-right: 1px solid #ccc;}
    #homepage-bottom .border-md-end .d-sm-flex.align-items-start {padding: 1rem;}
}

/* News & Publications */
.news-card {border-top: 1px solid #ccc; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap;}
.news-card:first-child {border-top: none;}
.news-card .news-date {margin: 0; padding: 2rem 0 0; text-align: left; display: block; width: 100%; position: relative;}
.news-card:first-child .news-date {padding-top: 0;}
.news-card .news-date * {display: inline; position: relative; font-size: .9rem;}
.news-card .news-date .month-day::after {content: ",";}
.news-card .news-headline {font-weight: 600; font-size: 1.25rem; padding-top: .25rem; margin-bottom: 0;}
.news-card .news-headline a {text-decoration: underline;}
.news-card .news-byline {padding: .25rem 0 1rem;}
.news-card .news-byline .byline {font-size: .85rem;}
.news-card .news-byline a.badge.rounded-pill {border-radius: 1rem;}
.news-card .news-byline a.badge.rounded-pill:hover, .news-card .news-byline a.badge.rounded-pill:focus {color: #fff;}
.cdas-rightNav-wrapper {flex-direction: column-reverse;}
.rightNav-fullbleed .cdas-rightNav-wrapper {flex-direction: column;}
.cdas-rightNav {border-top: 1px solid #ccc; position: relative; width: 100%;}
    .usa-button.add-news {justify-self: flex-end; margin:0; align-self: center;}
.cdas-rightNav::before {content: ''; display: block; position: absolute; height: 5px; width: 75%; top: -2px; background-color: #226467;}
#pub-details .cdas-rightNav::before {width: 100%; left: 0;}
.horizontal-swap#pub-details-box {padding: 2rem 0;}
.cdas-rightNav-header, .cdas-rightNav-content {padding: 0 1rem 0 0;}
.cdas-rightNav-header p {padding: 0.5rem 0; margin: 0; font-family: "Poppins", Verdana, serif;}
.announcements-full-bleed .cdas-rightNav-header p {font-weight: 700;}
.cdas-rightNav-content ul {list-style-type: none; column-count: 2; column-gap: 1rem;  padding: 0 0 0 1.125rem;}
.announcements-full-bleed .cdas-rightNav-content ul {padding: 0; font-size: .9rem; }
.cdas-rightNav-content ul li {padding: 0;}
.add-news-wrapper {display: block; width: 100%; margin: 1rem auto;}
.horizontal-swap {display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: flex-start; flex-wrap:wrap;}
.horizontal-swap#pub-details-box .cdas-rightNav {background-color: #f8f9fa; box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.3);}
.pub-footer {background: #f8f9fa; border-top: 1px solid #ccc; padding: 0.75rem 1rem; margin-top: 2rem;}
#bleed-right {display: none;}
body.news .cdas-rightNav-wrapper {padding-bottom: 1.5rem;}
@media screen and (min-width: 30em){
    .horizontal-swap.edit-permission, .horizontal-swap#pub-details-box {flex-direction: row-reverse;}
    .add-news-wrapper, .cdas-rightNav-wrapper:not(#pub-details) .cdas-rightNav {flex: 0 0 auto; width: 50%;}
    .add-news-wrapper {display: flex; justify-content: flex-end;}
}

@media screen and (min-width: 768px) {
    .horizontal-swap {display: block;}
    .add-news-wrapper {width: 100%; margin-bottom: 1.5rem;}
    .usa-button.add-news {width: 75%;}
}

@media screen and (min-width: 992px) {
    .cdas-rightNav-wrapper, .rightNav-fullbleed .cdas-rightNav-wrapper {flex-direction: row;}
    .cdas-rightNav {width: 75%; margin-left: auto;}
    .announcements-no-bleed .cdas-rightNav {justify-self: center; width: 100%!important;}
    .cdas-rightNav-content ul {column-count: 1;}
    .cdas-rightNav-content ul li {padding: .25rem 0;}
    .cdas-rightNav-content ul li:first-child {padding-top: 0;}
    .news-card {flex-wrap: nowrap;}
    .news-card .news-headline {padding-top: 2.5rem;}
    .news-card:first-child .news-headline {padding-top: 0;}
    .news-card .news-date {margin: 0 3.5rem 0 0; min-width: 130px; padding: 2.5rem 0 0; text-align: right; width: auto;}
    .news-card .news-date * {display: block; padding-right: 1rem; border-right: 3px solid #226467;}
    .news-card .news-date .year::after {display: none;}
    .news-card .news-date .month-day {font-weight: 600; font-size: 1rem;}
    .news-card .news-date .month-day::after {content: '';}
    #pub-details .cdas-rightNav::before {width: 50%; max-width: 15ch;}
    .horizontal-swap#pub-details-box {position:relative;background:linear-gradient(90deg, transparent 17%, #f8f9fa 17.1%);}
    .horizontal-swap#pub-details-box::after {display: block; content: ''; position:absolute; background-color: #f8f9fa; width: 50%; top: 0; bottom: 0; height: 100%; right: 0; z-index: -1}
    .horizontal-swap#pub-details-box .cdas-rightNav {padding: 0 0 0 1.25rem; background-color: #f8f9fa; box-shadow: none;}
    #bleed-right {display: block; width: 30%; right: 0; background: #f8f9fa; position: absolute;}
    .cdas-rightNav-content ul:last-child {margin-bottom: 0;}
    #bleed-right.has-alert {transform: translateY(1rem);}
}

@media screen and (max-width: 991px) {
    .rightNav-fullbleed div.cdas-rightNav {width: 100% !important;}
}

/* Buttons */
button.dropdown-item {position: relative;}
button.dropdown-item svg {position: relative; top: -2px;}
#duplicate-form .usa-button.usa-button--base {margin-top: 0.5rem;}
.usa-button--nci-small.casedef-button {padding: .6rem;}
.btn-group .usa-button {border-radius: 0; margin-right: 0;}
.btn-group .usa-button:first-child {border-radius: 0.25rem 0 0 0.25rem;}
.btn-group .usa-button:last-child {border-radius: 0 0.25rem 0.25rem 0;}
.btn-group .usa-button.dropdown-toggle {border-radius: 0.25rem;}
.btn-group-toggle button {opacity: 0.5;}
.btn-group-toggle button[aria-pressed="true"] {opacity: 1}
input.btn-check:focus + .usa-button:not(.usa-button--outline).button-delete {outline: .25rem solid #2491ff; outline-offset: 2px;}
.adminButtonWrap.buttonLongText .usa-button {width: 100%; margin: .5rem 0;}
.button-delete.btn-xs {font-size: 0.75rem; padding: 0.25rem 0.5rem;}

@media (min-width: 600px) {
    .adminButtonWrap.buttonLongText .usa-button {margin: 0 .5rem 0 0; width: auto;}
}
@media (min-width: 30em) {
    #duplicate-form .usa-button.usa-button--base {margin-top: 0;}
}

/* Cards */
.card {margin-bottom: 1rem;}
.fake-usa-button--outline {width: 100%; background-color: #fff; box-shadow: inset 0 0 0 2px #007bbd; color: #222; margin-bottom: 1rem; padding: 0.5rem 1rem; border-radius: 0.25rem;}
.fake-usa-button--outline:last-child {margin-bottom: 0;}
.fake-usa-button--outline .clickableCard {display: flex; align-items: center; text-align: start; width: 100%; justify-content: space-between;}
.fake-usa-button--outline .clickableCard .clickable-icon {min-width: 24px;}
.fake-usa-button--outline:active {background-color: #00314b; color: #fff;}
.fake-usa-button--outline:hover {background-color: #004971; color: #fff;}
.fake-usa-button--outline:active a, .fake-usa-button--outline:hover a, .fake-usa-button--outline:active .clickable-icon, .fake-usa-button--outline:hover .clickable-icon {font-weight: bold; color: #99cae4;}
.fake-usa-button--outline .clickable-content p {margin-bottom: 0;}
.fake-usa-button--outline .clickable-content p.heading {font-weight: 600;}
.fake-usa-button--outline .clickable-content p:not(.heading) {font-size: 0.9rem;}
.fake-usa-button--outline .clickable-icon {color: #01679d;}
#summary-box-available-studies .usa-list.cdas-list {padding-left: 0;}
#summary-box-available-studies .usa-list.cdas-list li {padding: 0; list-style-type: none!important;}
.cdas-card, .add-edit--surf .surf-section {border: none; position: relative; padding-left:2.5rem; padding-bottom: 2rem;}
/*.cdas-card:has(.cdas-card) {padding-left: 0;}*/
.surf-section {margin-top: 1rem;}
.add-edit--surf .surf-section {margin-top: 0;}
.add-edit--surf .surf-section .portal-card-white {background-color: #f8f9fa;}
.usa-prose .cdas-card {margin-top: 0;}
.cdas-card:last-child {padding-bottom: 0;}
.cdas-card::before, .add-edit--surf .surf-section::before {content:''; position: absolute; width: 6px; height: 100%; left: 0; top: 0; background: #f0f0f0; border-radius: .25rem;}
.cdas-card::after, .add-edit--surf .surf-section::after {content:''; position: absolute; width: 6px; height: 2.5rem; left: 0; top: 0; background: #226467; border-radius: .25rem;}
.cdas-card-buttons {padding-bottom: 0;}
.cdas-card-buttons::after {background: #f0f0f0; position: absolute; top: -2px;}
.cdas-card h2, .cdas-card div[id^="id_docs_"] label {padding-top: 7px;}
.cdas-card div[id^="id_docs_"] label, .docs-label {margin-bottom: 0; font-family: "Poppins", Verdana, serif; font-size: 24px; font-weight: 500;}
.cdas-card#edit-datasets div[id^="id_files"] {position: relative; padding-left: 2.5rem; padding-bottom: 1.5rem;}
.cdas-card#edit-datasets div[id^="id_files"]::after {content:''; position: absolute; width: 6px; height: 2.5rem; left: 0; top: 0; background: #226467; border-radius: .25rem;}
.cdas-card#edit-datasets .form-actions {padding-left: 2.5rem;}
.cdas-rightNav.trial-summary-nav {width: 100%;}
.portal-card {background: #f8f9fa; border-radius: .25rem; padding: 1rem;}
.portal-card.portal-card-teal {background-color: #e7f6f8; border: 1px #99deea solid;}
.portal-card.form-check-override {padding-bottom: 0;}
.portal-card--header a.report-toggle-link .expandCollapse {display: flex;}
.card.portal-card.spacing-fix label {margin-top: 1rem;}
.card.portal-card.spacing-fix label:first-child {margin-top: 0;}
.portal-card--header a.report-toggle-link {display: flex;}
.expandCollapse.expanded .bi-dash-circle-fill, .expandCollapse.collapsed .bi-plus-circle-fill {display: block;}
.expandCollapse.collapsed .bi-dash-circle-fill, .expandCollapse.expanded .bi-plus-circle-fill {display: none;}
.projects-cards .card {overflow: hidden;}
.projects-cards:not(.requisitions) .card:last-child {margin-bottom: .25rem;}
.projects-cards.requisitions .card:last-child {margin-bottom: 0;}
.projects-cards .card-header {background: #fff; padding-bottom: .5rem; border-bottom: 1px solid transparent;}
.projects-cards .card-title {display: flex;}
.projects-cards .card-title>span {opacity: .75; width: 3ch;}
.projects-cards .card-title>.project-info {width: calc(100% - 2.5rem);}
.projects-cards .label, .cdas-card .label, .cdas-card.label-override label, .label-override .label-override .strong, .agreement-type-header, .cdas-card.answers-override .strong {font-weight: bold; font-size: 0.85rem; color: #1e4c4f;}
.cdas-card .label, .cdas-card.label-override label, .label-override .label-override .strong, .agreement-type-header {font-size: .9rem; margin-bottom: 0;}
.projects-cards .project-title, .projects-cards .project-details p {margin-bottom: 0;}
.projects-cards .project-details {display: flex; flex-wrap: wrap; align-items: center; margin: 0;}
.projects-cards .project-details p {margin-right: 3rem;}
.projects-cards .project-details p:last-child {margin-right: 0;}
.projects-cards .project-info {position: relative; top: 10px;}
.projects-cards .panel .project-info {top: 8px;}
.projects-cards .project-info.project-details {top: 4px;}
.portal-card--header a.report-toggle-link div>svg {margin-left: auto;}
.mock-cdas-card {margin-left: 2.5rem;}
.mock-cdas-card>:first-child {margin-bottom: 1rem;}
.fix-width .filegroup-container .filegroup_select_wrapper input[style="display: block;"] {width: 100%;}
.project-details.w-sm-66 {padding: 0 0 1rem 2rem;}
.no-link-cards .imageless-card {background-color: #fff; border-color: #dfe1e2; border-radius: .25rem; border-style: solid; display: block; overflow: hidden; text-decoration: none; width: 100%; font-size: 0.9rem;}
.imageless-card p {margin-bottom: 0;}
.numbered-cards {display: flex; position: relative; margin-bottom: 2rem;}
.numbered-cards--counter {margin-top: 1rem; padding: .25rem 0 0 1rem; background: #206b6f; color: #fff; font-size: 1.25rem; font-weight: bold; position: relative; z-index: 1; width: 3.5rem; height: 2.5rem; left: .75rem; border-radius: 0.25rem 0 0 0.25rem;}
.numbered-cards--counter .usa-icon {right: 4px; stroke: #fff;}
.numbered-cards--content {padding: 1rem; background: #f8f9fa; border-radius: 0.25rem; box-shadow: 0px 2px 2px 0px #ccc; position: relative; z-index: 2; width: calc(100% - 3.5rem);}
.numbered-cards--heading {padding: .75rem 1rem; border-bottom: 1px solid #ccc;}
.numbered-cards--body {padding: 1rem;}
.numbered-cards--body strong, .numbered-cards--content .slot-content strong {font-size: .9rem;}
.numbered-cards--body .badge.rounded-pill {font-weight: 400; font-size: .9em; padding-bottom: .35rem;}
.numbered-cards .portal-card--body {border-top: 1px solid #ccc; margin-top: 1rem;}
.slot-content {margin: 1rem 0 0 1rem; padding-left: 1rem; border-left: 5px solid #eee;}
.numbered-cards .portal-card--body .slot-name {font-weight: 700;}
.numbered-cards .portal-card--body {padding: 1rem 0;}
.numbered-cards.deleted-row {background-color: transparent; opacity: .5;}
.numbered-cards.deleted-row .numbered-cards--counter {background: #950b30;}
.numbered-cards.deleted-row .numbered-cards--content{border: 2px solid #950b30;}
.card-shadow {border: none;  box-shadow: -1px 1px 2px 1px #bbb;}

.cardWrap {display: flex; flex-wrap: wrap; justify-content: left;}
.card-33 {display: flex; padding: 0 0 1rem 0; width: 100%;}
 
@media (min-width: 30em) {
    .mock-cdas-card>:first-child {margin-bottom: 0;}
}
@media (min-width: 40em) {
    .no-link-cards .imageless-card {border: none; box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .3);}
}

@media screen and (min-width: 576px) {
    .projects-cards .project-details {flex-wrap:nowrap;}
    .project-details.w-sm-66 {padding: 0;}
}

@media screen and (min-width: 768px) {
    #summary-box-available-studies .usa-list.cdas-list {column-count:2;}
    #summary-box-available-studies .usa-list.cdas-list li {padding: 0 .75rem; 0 0}
    .card-33 {width: 50%; padding: 0 2rem 1.5rem 0;}
    .card-33.second {padding-right: 0;}
}
@media screen and (min-width: 992px) {
    #summary-box-available-studies .usa-list.cdas-list {column-count:3;}
}
@media screen and (min-width: 1024px) {
    .card-33 {width: 33.33%;}
    .card-33.second {padding-right: 2rem;}
    .card-33.third {padding-right: 0;}
}

/* Discussions */
#contribution-section {margin-top: 2rem; position: relative; background-color: #f7f8f9;}
#contribution-section::before {display: block; content: ''; position: absolute; top: -13px; left: 1rem; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #298085;}
#contribution-section input[type="file"].filegroup-input {background: #fff; width: 100%;}
#contribution-section .fileWrap {background: #fff;}
.discussion-update .user-info {position: relative; display: flex;}
.discussion-update .user-info svg {position: relative; top: 5px;}
.discussion-update {border-bottom: 1px solid #ccc; padding: 2rem 0;}
.discussion-update.inactive-comment {padding: 1rem;}
.discussion-update:last-child {border-bottom: none;}
.discussion-update .static-files {padding: 1rem 0 0;}
.discussion-update .static-files div[style^="background-image:"] {background-position: left center;}
.show-more-bar {font-size: 1.25rem;}
.show-more-link {background-color: #f7f8f9; padding: .5rem;}
.discussion-heading, .request-heading {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .5rem 0;}
.usa-button--unstyled.small {font-size: 0.9rem;}
li.subtab .nav-link {position: relative;}
li.subtab .nav-link .badge {position: relative; top: -1px; margin-left: 0.25rem; padding: 3px .75rem;}

/* Forms */ 
.floaty-form-row-condensed {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.usa-summary-box__text .bold-checkbox-wrapper .controls.clearfix>div[id^="id_"], .cdas-card #id_studies, .cdas-card #id_request_types, .portal-card .notify-users {display: flex; flex-wrap: wrap;}
.usa-summary-box__text .bold-checkbox-wrapper .controls.clearfix>div[id^="id_"] .form-check, .cancersite-card .form-check, .cdas-card #id_studies .form-check, .cdas-card #id_request_types .form-check, .notify-users .form-check {padding: .25rem .5rem; background: #fff; border: 1px solid rgba(41, 128, 133, .5); border-radius: 1.5rem; display: block; margin: 0 0 .5rem; width: 100%; position: relative; font-size: .9rem;}
.usa-summary-box__text .bold-checkbox-wrapper .controls.clearfix>div[id^="id_"] .form-check-input,  .cancersite-card .form-check .form-check-input, .notify-users .form-check-input, .cdas-card #id_studies .form-check-input, .cdas-card #id_request_types .form-check-input  {margin: 0 .25rem 0 0; border-color: #226467; border-radius: 0; position: relative; top: 4px;}
.form-check-override .form-check {padding-left: 0; display: flex; align-items:flex-start; position: relative;}
.form-check-override .form-check-label {margin-left: .5rem; }
.form-check-override input[type="checkbox"] {position: relative; top: .25rem;}
.form-control-override .form-control-plaintext {padding: 0;}
.form-control-forced-style .select2-container .selection .select2-selection--single {padding: .375rem 2.25rem .375rem .75rem; height: 38px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;}
.form-control-forced-style .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 1.5!important;}
.form-control-forced-style .select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px; top: 0; bottom: 0; right: .75rem!important;}
.form-control-forced-style .select2-container--default .select2-selection--single .select2-selection__arrow b {border: none; height: auto!important; width: auto!important; position: relative; left: unset; top: unset; margin: 0;}
.filters-wrapper .floaty-form-item {width: 100%; margin: 0 1rem .5rem 0;}
.filters-wrapper .floaty-form-item .usa-button {width: 100%;}
.floaty-form-item div[class^="pub-year-"] {margin: 0 .25rem;}
.pub-year-to strong, .pub-year-from strong {font-size: .9rem; font-weight: 300;}
#id_study-label, #id_statuses-label, #id_types-label, #id_agreement_types-label, #id_studies-label, #id_agreement_statuses-label, #id_data_types-label, #id_bio_types-label, #id_filters-label  {margin-bottom: .5rem;}
.fileWrap {background: #f0f0f0; padding: .5rem .75rem; display: flex; align-items: center; flex-wrap:wrap;}
.fileWrap>div {display: block; min-width: 75%; margin-top: 0.5rem;}
input[type="file"]::file-selector-button {background-color: #298085; color: #fff; font-weight: 600; margin-right: .5rem;
    padding: .5rem 1.25rem; font-size: 1.01rem; border: 0; border-radius: 0.25rem;}
input[type="file"]:hover::file-selector-button {background-color: #1e4c4f;}
input[type="file"]:active::file-selector-button {background-color: #17373a;}
input[type="file"].filegroup-input {background: #f0f0f0; padding: .5rem .75rem;}
.childWidth-override input[type="file"].filegroup-input {min-width: 75%;}
#id_is_published-group {padding-left: 0;}
.select2-container.select2-container--default {width: 100%!important;}
ul.select2-results__options {width: 100%;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #007bbd;}
.view-tasks-filter .bold-checkbox-wrapper label {margin-bottom: .5rem;}
.view-tasks-group #id_group_by-group, .view-tasks-group #id_s-group {display: block;}
.portal-footer-buttons a, .portal-footer-buttons button, .showHide a, .showHide button {font-size: .9rem;}
.portal-footer-buttons .usa-button--unstyled, .showHide a, .showHide button {text-decoration: none; border-right: 1px solid rgba(27,27,27,.25); padding: .25rem 1rem;}
    .showHide a, .showHide button {padding: 0 1rem;}
    .showHide .badge {margin: 0 1rem; padding: 6px 1rem 3px!important;}
.portal-footer-buttons .usa-button--unstyled:first-child, .showHide a:first-child, .showHide button:first-child {padding-left: 0;}
.portal-footer-buttons .usa-button--unstyled:last-child, .showHide a:last-child, .showHide button:last-child {border-right: none;}
.showHide a:last-child, .showHide button:last-child {padding-right: 0;}
.showHide .badge:last-child {margin-right: 0;}
.portal-footer-buttons .usa-button--unstyled:active, .portal-footer-buttons .usa-button--unstyled:hover, .showHide a:action, .showHide button:action, .showHide a:hover, .showHide button:hover {text-decoration: underline;}
#add-watched-project-bar .select2-container.select2-container--default {margin-top: 0;}
#id_full_registry_caveats-group label, #id_partial_registry_caveats-group label {margin-bottom:0;}
.borderless #id_studies .form-check {border: none!important;}
.borderless #id_studies .form-check-input {border-radius: 0.25em;}
.floaty-search-wrapper {display: flex; align-items: center; margin-bottom: .5rem;}
.remove-max-width input[name="q"] {max-width: 100%!important;}
.cdas-card .portal-card.lab-card .form-control {margin-bottom: 1rem;}
#single_form #id_linked_projects_expected-group, #single_form #id_search_projects_option_data_only-group, #single_form #id_search_projects_option_approved-group, #single_form #id_search_projects_option_approved_before_pub-group {padding-left: 0;}
#single_form #id_search_projects_option_data_only-group, #single_form #id_search_projects_option_approved-group {margin-bottom: 0.25rem!important;}
#single_form .form-check-label {font-weight: 600;}
#single_form #id_request_type-group .form-check-label {font-weight: normal;}
.fw-override label {font-weight: 400;}
.cdas-card .select-label:not(.small), .cdas-card legend.h3 {font-size: 1.3rem;}
.cdas-card .preparation-form .select-label:not(.small) {font-size: 1.125rem;}
.preparation-form label {font-weight: normal;}
.cdas-card .preparation-form .bold-checkbox-wrapper .form-check > * {font-size: 0.95rem;}
.cdas-card .preparation-form .bold-checkbox-wrapper .form-check > input.datasets-checkbox-field {margin-top: 5px;}
.panel-reviewer-table .form-select {padding-top: 0.25rem; padding-bottom: calc(0.25rem - 1px); padding-left: 0.5rem;}
.label-override .form-control-plaintext {padding: 0;}
input[aria-disabled="true"] {pointer-events: none; cursor: unset;}
.form-check input[aria-disabled="true"]:not(:disabled) {border-color: var(--nci-disabled-light); }
input[aria-disabled="true"]:not(:disabled) + label {color: var(--nci-disabled);}
.cdas-custom-info.biosketch-upload #id_biosketch-group {margin-bottom: 0!important;}
.cdas-custom-info input[type="file"].filegroup-input, .cdas-custom-info .fileWrap {background: #fff;}
.cdas-custom-info.biosketch-upload .fileWrap {margin-bottom: 0 !important;}
.cdas-custom-info.biosketch-upload.usa-site-alert--info .usa-alert .usa-alert__body {padding: 0 2rem 0.5rem;}
.cdas-custom-info.biosketch-upload.usa-site-alert--info .usa-alert .usa-alert__body:before {display: none;}
.cdas-custom-info .was-validated .form-check-input:invalid~.form-check-label, .cdas-custom-info .form-check-input.is-invalid~.form-check-label {color: #950b30; font-weight: 600;}
form.users-preparation-form [id$="-group"] > label {font-family: Poppins, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-weight: 600; line-height: 1.2; font-size: 1.56rem;}

@media screen and (max-width: 575px) {
    .portal-footer-buttons .usa-button--unstyled {border-right: none; padding-left: 0; width: 100%}
    .portal-footer-buttons .usa-button--unstyled:first-child {margin-bottom: 0.5rem;}

}

/* Questionsets Form Utilities */
.qx-form-group {margin-bottom: 1rem;}
.qx-form-group .usa-site-alert--emergency .usa-alert .usa-alert__body a, .qx-form-group .usa-site-alert--emergency .usa-alert .usa-alert__body a:visited {text-decoration: underline; color: #dfe1e2;}
.qx-form-group .usa-site-alert--emergency .usa-alert .usa-alert__body a:active, .qx-form-group .usa-site-alert--emergency .usa-alert .usa-alert__body a:hover {color: #f0f0f0;}
.qx-form-group .usa-site-alert--emergency .usa-alert .usa-alert__body a, .qx-form-group .usa-site-alert--emergency .usa-alert .usa-alert__body li::marker {color: #e6e6e6;}
.qxset_answerable, .qxset_readonly {font-weight: bold; white-space: normal; display: inline;}
/* .qx-horizontal {margin-left:-2.8em;} */
.qx-form-select, select.rockutils-superselect {width: auto; display: inline-block;}
.nomatching-subsets-warning {color: #b60d43;}

/* Questionsets Style Overrides */
.cdas-card.label-override .fieldgroup {padding: 0!important;}
.cdas-card.label-override .qxset-form-wrapper ol {padding-left: 0!important;}
.cdas-card.label-override .qxset-form-wrapper ol li.qx-item {list-style-type: none!important;}
.cdas-card.label-override .qxset-form-wrapper .qx-item fieldset {padding: 0;}
.cdas-card.label-override .qxset-form-wrapper .qx-item legend.qxset_answerable, .cdas-card.label-override .eems-qxset .strong {font-size: 0.9rem; color: #1e4c4f;}
.qxset-formcard-wrapper .usa-list:first-of-type {margin-top: 0!important;}
.qxset-formcard-wrapper .qx-form-group:last-child {margin-bottom: 0;}

@media (min-width: 1024px) and (max-width: 1076px) {
    .configure-round label {font-size: .9rem;}
}

@media screen and (min-width: 30em) {
    #add-watched-project-bar .select2-container.select2-container--default {margin-top: 1rem;}
}
@media screen and (min-width: 576px) {
    .view-tasks-group #id_group_by-group, .view-tasks-group #id_s-group {display: flex; align-items: center;}
    .view-tasks-group #id_group_by-group label, .view-tasks-group #id_s-group label {position: relative; padding-right: 5px; margin-bottom: 0;}
    .view-tasks-group #id_group_by-group label::before, .view-tasks-group #id_s-group label::before {content: ":"; position: absolute; top: 0; right: 0;}
    .view-tasks-group #id_group_by-group select, .view-tasks-group #id_s-group select {padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: 0.875rem; margin-left: .5rem;}
    .showHide {display: flex;}
}
@media screen and (max-width: 400px) {
    .floaty-search-wrapper {flex-wrap: wrap;}
    .filters-wrapper .floaty-search-wrapper .floaty-form-item.nci-cta-strip {margin: 0; text-align: left;}
}
@media screen and (max-width: 650px) {
    .search-box {max-width: unset;}
    .filters-wrapper .floaty-form-item.nci-cta-strip {margin: 0 auto; width: 100%; text-align: center;}
    .filters-wrapper .floaty-form-item.spaceSize-override {width: 100%!important; margin-right:0; min-width:unset;}
}

@media screen and (min-width: 650px) {
    .usa-summary-box__text .bold-checkbox-wrapper .controls.clearfix>div[id^="id_"] .form-check, .cdas-card #id_studies .form-check, .cdas-card #id_request_types .form-check, .cancersite-card .form-check, .notify-users .form-check {width: auto; min-width: unset; margin: 0 .5rem .5rem 0; }
    .filters-wrapper .floaty-form-item {width: auto;}
    .filters-wrapper .floaty-form-item.spaceSize-override {margin-right:2rem; min-width:200px;}
    .childWidth-override .fileWrap, .childWidth-override input.form-control, .childWidth-override textarea.form-control, .childWidth-override input[type="file"].filegroup-input, .childWidth-override select.form-select, .childWidth-override .select2.select2-container.select2-container--default {max-width: 75%;}
    .floaty-form-item.missing-label {margin-top: 1rem}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
    .usa-summary-box__text .bold-checkbox-wrapper .controls.clearfix>div[id^="id_"] .form-check, .cancersite-card .form-check, .cdas-card #id_studies .form-check, .cdas-card #id_request_types .form-check, .notify-users .form-check {min-width: 46.5%; margin: 0 .5rem .5rem 0;}
}

/* Heroes */
.hero {background-image: url("../img/hero-bg.5e95f3985fc3.svg"); background-repeat: no-repeat; background-size: cover; background-position: 100% center;} 
.hero:not(.border-bottom-override) {border-bottom: 5px solid #CFF1F4!important;}
.hero-content h1 {font-weight: 700; margin-bottom: 1.5rem; border-bottom: none;}
.hero-content .h1-intro {padding-top: 2rem; margin-bottom: 0; color: #1e4c4f; font-weight: 600; font-family: "Poppins", Verdana, serif;}
.hero + #main-content .page-header {display: none;}
.hero-content .usa-breadcrumb {background-color: transparent;}
.intro-content .justify-md-end {width: 100%}
.intro-content .justify-md-end * {margin: 0 0 1rem;}
.intro-content .justify-md-end *:last-child {margin: 0;}
.intro-content .justify-md-end .usa-button, .adminButtonWrap {width: 100%;}
.adminButtonWrap {margin: .5rem .5rem .5rem 0;}
.adminButtonWrap .usa-button {margin-bottom: .5rem; position: relative;}
.adminButtonWrap .adminButton-widow {margin-top: 0; display: block; position: relative;}
.adminButtonWrap .adminButton-widow svg, .adminButtonWrap .usa-button svg {position: relative; top: -1px;}

@media screen and (min-width: 992px) {
    .hero.border-bottom-override {border-bottom: 5px solid #CFF1F4!important;}
}
@media screen and (min-width: 768px) {
    .intro-content .justify-md-end * {margin: 0 .5rem 0;}
    .intro-content .justify-md-end *:last-child {margin: 0;}
}
@media screen and (min-width: 768px) and (max-width: 834px) {
    .adminButtonWrap .adminButton-widow.request-adminButton-widow {display: block; margin-top: 0.5rem;}
}
@media screen and (min-width: 30em) {
    .intro-content .justify-md-end, 
    .intro-content .justify-md-end .usa-button, 
    .adminButtonWrap:not(.buttonLongText) {width: auto;}
    .adminButtonWrap .adminButton-widow {margin-top: 0.5rem; display: inline-block;}
    .adminButtonWrap .usa-button {margin: 0 .15rem 0 0;}
    .adminButtonWrap, .adminButtonWrap .usa-button:last-child {margin: 0;}
}
@media screen and (min-width: 600px) {
    .adminButtonWrap.buttonLongText {width: auto;}
}
@media screen and (min-width: 992px) {
    .adminButtonWrap .adminButton-widow {display: block; text-align: right;}
    .adminButtonWrap .adminButton-widow.request-adminButton-widow {display: inline-block;}
}

/* Images */
figcaption {border-left: .25rem solid #298085; font-size: .89rem; line-height: 1.6; padding: .5rem 1rem;}
.role-icons svg {margin: 0 .25rem;}
.role-icons svg:last-child {margin-right: 0;}
.fileIconWrapper {display: flex; flex-wrap:wrap; align-items: center; position: relative; font-size: .9rem;}
.fileIconWrapper .file-icon {margin-right: .25rem; position: relative; top: -1px;}
.fileIconWrapper a {margin-right: .25rem; font-size: 1rem;}
.custom-datasets-files .fileIconWrapper {padding: 0 0 .75rem; flex-wrap: wrap;}
.custom-datasets-files .fileIconWrapper:last-child {padding-bottom: 0;}

@media screen and (max-width: 767px) {
    .img-wrapper img {max-width: 15em;}
}
@media screen and (min-width: 768px) {
    figure.align-right {margin: 0 0 2.5em; margin-left: 2.5em;}
}

/* Lists */
.cdas-list li, .cdas-list ul ul li, .cdas-list ul ul ul ul li {list-style-type: square;}
.cdas-list li::before, .cdas-list ul ul li::before, .cdas-list ul ul ul ul li::before {display: none;}
.cdas-list ul li, .cdas-list ul ul ul li, .cdas-list ul ul ul ul ul li {list-style-type: none; position: relative;}
.cdas-list ul li::before, .cdas-list ul ul ul li::before, .cdas-list ul ul ul ul ul li::before {display: inline-block; content: '–'; font-weight: 700; color: #206b6f; position: absolute; left: -2.25ch; top: -2px;}
.cdas-home .cdas-list li {margin-bottom: 1rem;}
.list-unstyled .cdas-list li {margin-bottom: .25em;}
.cdas-list li:last-child {margin-bottom: 0;}
.cdas-list li::marker {color: #206b6f;}
.cdas-list .news-date {margin-bottom: 0; font-weight: 600; font-size: .85rem;}
.cdas-list .news-headline {font-weight: 600; font-size: 1.125rem;}
.cdas-list .news-byline {font-size: .85rem;}
.cdas-list .news-byline a.badge.rounded-pill {border-radius: 1rem;}
.cdas-list .news-byline a.badge.rounded-pill:hover, .cdas-list .news-byline a.badge.rounded-pill:focus {color: #fff;}
.cdas-counter-list {padding-left: 1.5rem; counter-reset: request-steps 0; margin-bottom: 0px !important; list-style: none;}
.cdas-counter-list li {counter-increment: request-steps 1; position: relative; margin: 0px 0px 0.5rem; padding-left: .5rem; font-size: .9rem;}
.cdas-counter-list li::before {content: counter(request-steps); color: #206b6f; font-size: 0.875rem; position: absolute; --size: 20px; left: calc(-1 * var(--size) - 5px); line-height: var(--size); width: calc(var(--size) + 3px); height: var(--size); padding-bottom: 1.25rem; top: 5px; text-align: center; box-shadow: transparent 1px 1px 0px; background: #fff;  border-radius: 50%; border-width: 1px; border-style: solid; border-color: #206b6f; border-image: initial;}
.cdas-counter-list.multi-column, .cdas-list.multi-column {column-count: 1; width: 100%;}
#round-schedule ul {counter-reset: request-steps 4; display: table;}
li.eqHeight {display: table-cell;}
.study-landing.newsWrap .cdas-list {padding-bottom: 1rem;}
.study-landing.newsWrap .cdas-list li {margin-bottom: 1rem;}
.errorlist {background: #fde2ea; border: 1px solid #f27da2; list-style-type: square; padding-top: 1rem; padding-bottom: 1rem; color: #950b30!important;}
.form-group ul.errorlist li {color: #950b30;}
.alert-wrapper.grid-container .errorlist {margin: 0; border: none; background: transparent;}
.errorlist li::marker {color: #950b30!important;}
.badge-list {list-style-type: none; padding-left: 0; margin-top: 0;}
.badge-list li {display: inline;}
.badge-list .badge {font-weight: 400; font-size: .9rem;}
ol.agreement-list {list-style-type: none; padding-left: 0;}
ol.agreement-list ul.usa-list {margin-left: 3ch;}
#triad-access-formset-list {padding-left: 0; list-style-position: inside;}
#triad-access-formset-list li.editable-row {border-bottom:0px;margin-bottom:0px;padding:5px;align-items: flex-end;}
#triad-access-formset-list li.editable-row .formset-delete .widget-deletebuttoncheckboxinput {margin-bottom: 1rem;}
.requestStatusComplete a {background: #fde2ea; padding: 0.25rem .75rem;}

@media screen and (min-width: 650px) {
    .cdas-counter-list.multi-column {column-count: 2;}
    .cdas-list.multi-column {column-count: 2;}
}
@media screen and (min-width: 800px) {
    .cdas-counter-list.multi-column:not(.four-col), .cdas-list.multi-column:not(.four-col) {column-count: 3;}
}
@media screen and (min-width: 875px) {
    .cdas-counter-list.multi-column.four-col, .cdas-list.multi-column.four-col {column-count: 4;}
}
@media screen and (min-width: 1024px) {
    .cdas-counter-list.multi-column, .cdas-list.multi-column {column-count: 2;}
}
@media screen and (min-width: 1200px) {
    .cdas-counter-list.multi-column:not(.two-col), .cdas-list.multi-column:not(.two-col) {column-count: 3;}
    .cdas-counter-list.multi-column.four-col, .cdas-list.multi-column.four-col {column-count: 4;}
}

/* Pagination */
.pagination-bar {align-items: center; padding: .75rem 1.25rem; background-color: #FBFBFB;}
#pagination-top {border-bottom: 1px solid #ccc; margin-bottom: 2rem;}
#pagination-bottom {border-top: 1px solid #ccc; margin-top: 2rem;}
.page-link {padding: .35rem 1rem;}

@media screen and (min-width: 576px){
    .pagination {justify-content: end; margin-top: 1rem;}
}

/* Projects & Requests */
.error-text {color: #b60d43;}
.cdas-card.project-card.required::after {background:#700824;}
.cdas-card .portal-card .fieldgroup {padding: 0;}
.project-subsection {background-color: rgb(0 0 0 / 2%); box-shadow: -2px 2px 4px rgb(0 0 0 / 25%); padding: 1rem; margin-top: 1rem;}
.project-subsection ul {margin-top: 0;}
.project-subsection ul strong {font-weight: 600;}
.required .cdas-list li::marker {color: #700824;}
.required .project-subsection {background-color: rgb(253, 247, 247);}
.projects-requests {padding: 0.5rem 0;}
.projects-requests + * {margin-top: 2.5rem;}
.projects-requests + * > p:first-child {margin-bottom: 2.5rem;}
.projects-requestsWrap {background: #f4fbfb; border: 1px solid #beebee; padding: 1rem .75rem 0; margin-bottom: 2.5rem;}
.projects-requestsWrap .project-id {background: #fff; border: 1px solid #beebee; padding: .25rem 1rem; font-size: .95rem}
.projects-requestsWrap .grid-row.border-bottom {border-bottom: 1px solid #beebee!important; padding-bottom: .5rem}
.compare-versions .version-dropdown:first-child {margin-bottom: .5rem;}
.subtab-body .projects-cards .card-body .strong {font-size: 0.85rem; color: #1e4c4f;}
.portal-card-white {padding-left: 0; background: #fff;}
.portal-card--accent-cool-lighter {background: #d7e5f4;}
.portal-card-white .projects-cards .card, .portal-card-white .projects-cards .card-header {background: #f8f9fa; padding: .75rem 1rem;}
.component-block {display: flex; flex-direction: column; justify-content: stretch; margin-bottom: .75rem;}
.component-block .selectable-block {height: 100%; margin-bottom:0; display: flex; flex-direction: row; padding: .5rem; font-size: .95rem; position: relative;}
.component-block.processing-blocks .selectable-block {padding: 0;}
.component-title {color: #007bbd;}
.component-block .selectable-block.selected {background: #f6fcff; border: 2px solid #007bbd;}
.component-block .selectable-block:hover {background: #f6fcff;}
.component-block .selectable-block .component-content {width: calc(100% - 14px); margin-left: .5rem;}
.component-block .selectable-block svg {position: relative; top: 5px;}
.component-block.all-components {font-weight: bold; color: #007bbd;}
.component-updates {margin-top: 2rem;}
.component-panels .card {display: flex;}
.component-block--header {width: 100%; background: #212529; color: #fff; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem;}
.component-block--body {display: flex; position: relative;}
.processing-blocks .component-block--header {padding: .25rem .5rem;}
.processing-blocks .component-block--body {padding: .5rem;}
.processing-blocks .selectable-block {flex-direction: column;}
.processing-updates h3 {margin-bottom: 1.5rem;}
.numbered-cards--body .notes {font-size: 0.9rem; font-style: italic; color: #565c65;}
.two-line-buttons {display: block;}
.two-line-buttons .usa-button, .surf-override .adminButtonWrap {width: 100%;}
.card.portal-card.portal-card-white .form-group:last-child, .card.portal-card.portal-card--accent-cool-lighter .form-group:last-child, .numbered-cards--body .portal-card:last-child {margin-bottom: 0;}
.agreement-actions-buttons.card { display: block; position: relative;}
.agreement-actions-buttons.card::after {display: block; content: ''; position: absolute; bottom: -12px; left: 5rem; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 13px solid #f8f9fa; filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.175));}
.agreement-actions-buttons.card .usa-button {margin: 5px 5px 0 0; min-width: 35%;}
.usa-summary-box.bg-light input[type="file"].filegroup-input, .usa-summary-box.bg-light .fileWrap {background: #fff; width: 100%}
.w-md-75 {width: 100%;}
.usa-summary-box.bg-light .w-md-75 {margin-bottom: 1.5rem;}
.usa-button--outline.no-border {box-shadow: none;}
.external-url a[href="/extlinks/"] {display: none;}
form.requestFormWrap div label::after, form.requestFormWrap .qx-form-group.optional label::after {display: inline-block; content: '(Optional)'; font-size: 0.9rem; font-weight: 300; color: #6e6e6e; padding-left: 0.25rem;}
form.requestFormWrap div.conditionally-required label::after, form.requestFormWrap div.required label::after, form.requestFormWrap div.formset-delete label::after {display: none;}
form.requestFormWrap div.signing-official-fields label::after {content: '*'; padding-left: 0;}
form.requestFormWrap label.form-label {margin-bottom: 0;}
form.requestFormWrap small[id$="-help"] {margin: 0 0 0.25rem;}
.addUser {width: 100%; padding: .5rem 1.25rem; border: none; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23BBBBBBFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); text-align: left; color: #007bbd; border-radius: 0.25rem;}
.addUser:hover, .addUser:focus {background-color:#f8f9fa; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23777777FF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); color: #004971;}
#approved-user-formset-list .numbered-cards--body strong {font-size: 1rem;}
fieldset .cancersite-card, .addlData-card {padding: .5rem 0; background: #f8f9fa; border-radius: .25rem; border: none; box-shadow: -2px 2px 5px rgba(0,0,0,.17);}
fieldset .cancersite-card.active {background-color: #f8fcff; box-shadow: -2px 2px 5px #99cae4;}
fieldset .cancersite-card .card-header {background-color: transparent; border: none; padding-bottom: 0;}
fieldset label.h3 {font-size: 20px;}
fieldset .cancersite-card .card-body fieldset legend strong {font-weight: 600;}
.fw-normal label {font-weight: 400!important;}
.addlData-card {margin-left: -1.5em}
.addlData-card .qx-item.mb-4 {margin-bottom: 0!important;}
.cdas-default-table table td .modal-dialog {font-size: 1.01rem;}
.cdas-default-table table td .modal-dialog table {font-size: 0.9rem; margin: 1.25rem 0;}
.cdas-default-table table td .modal-dialog table * {background: #fff;}
.modal-icon {border: 1px solid currentColor; border-top-width: 4px; border-radius: .2rem;}
.eppt-browse ul.usa-list.cdas-list.pubmed-citation-list {margin-top: 0;}
.longtext-buttons {display: flex; flex-wrap: wrap;}
.longtext-buttons a, .longtext-buttons button {margin-bottom: 0.5rem; line-height: 1.5;}

/* REQUEST WIZARD STYLES */
.usa-sidenav.requestSteps {border-bottom: none;}
.usa-sidenav.requestSteps>li {border: none; position: relative; padding: 1.5rem 0 1.5rem 3rem;}
.usa-sidenav.requestSteps>li::before {content: ""; display: block; height: calc(100% + 1em); width: 200%; position: absolute; top: 0; bottom: 0; left: -100%; right: 0; background-color: #f8f9fa; z-index: -1;}
.requestSteps div.usa-step-indicator--counters-sm, .requestSteps .usa-step-indicator__segment-label {font-size: 0.85rem;}
.requestSteps .site-preview-heading {font-size: 1.125rem; padding-top: 1em; font-weight: 600; font-family: Poppins,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.requestSteps .usa-step-indicator__segments {flex-direction: column;}
.requestSteps .usa-step-indicator--counters-sm .usa-step-indicator__segment:after {width: 2px; height: calc(100% + .5rem); right: unset; bottom: 0; left: calc(.5rem + 3px); background-color: #919191;}
.requestSteps .usa-step-indicator--counters-sm .usa-step-indicator__segment--complete:after {background-color: #1e4c4f;}
.requestSteps .usa-step-indicator--counters-sm .usa-step-indicator__segment-label, .requestSteps .usa-step-indicator--counters-sm .requestStepUpcoming {margin-top: 0; margin-bottom: 1rem; padding-left: 2rem; position: relative; top: -.25rem;}
.requestSteps .usa-step-indicator--counters-sm .requestStepUpcoming {display: block;}
.requestSteps .usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child, .requestSteps .usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child span, .requestSteps .usa-step-indicator.usa-step-indicator--counters-sm {margin-bottom: 0;}
.requestSteps .usa-step-indicator {background-color: transparent;}
.requestSteps .usa-step-indicator--counters .usa-step-indicator__segment:before, .requestSteps .usa-step-indicator--counters-sm .usa-step-indicator__segment:before {box-shadow: inset 0 0 0 1px #919191,0 0 0 .25rem transparent;}
.requestSteps .usa-step-indicator--counters .usa-step-indicator__segment--current:before,.requestSteps  .usa-step-indicator--counters-sm .usa-step-indicator__segment--current:before {box-shadow: inset 0 0 0 1px #1e4c4f,0 0 0 .25rem transparent;; color: #1e4c4f; background: #fff;}
.requestSteps .usa-step-indicator--counters .usa-step-indicator__segment--complete:before, .requestSteps .usa-step-indicator--counters-sm .usa-step-indicator__segment--complete:before {background-color: #1e4c4f; box-shadow: inset 0 0 0 1px #1e4c4f,0 0 0 .25rem transparent;;}
.requestSteps .usa-step-indicator__segment--current .usa-step-indicator__segment-label {color: unset;}
.requestSteps .usa-step-indicator__segment--current:not(.active-page) .usa-step-indicator__segment-label {font-weight: 400;}
.requestSteps .usa-step-indicator__segment.active-page .usa-step-indicator__segment-label {font-weight: bold;}
.usa-sidenav.requestSteps span.usa-step-indicator__segment-label a.usa-link, .usa-sidenav.requestSteps span.usa-step-indicator__segment-label a.usa-link {color: unset; text-decoration: underline; padding: 0;}


@media screen and (min-width: 30em) {
    .two-line-buttons, .two-line-buttons .usa-button {width: auto;}
    .two-line-buttons {display: inline-block;}
}

@media screen and (min-width: 768px) {
    .compare-versions .version-dropdown {padding: 0 .25rem;}
    .compare-versions .version-dropdown:first-child {padding-left: 0; margin-bottom: 0;}
    .compare-versions .version-dropdown:last-child {padding-right: 0;}
    .two-line-buttons {display: flex; flex-wrap:nowrap; width: 100%;}
    .two-line-buttons:first-child {display: flex;}
    .surf-override .adminButtonWrap {width: auto;}
    .w-md-75 {width: 75%;}
}

/* Tables */
caption {caption-side: top; margin: 0;}
.vertical-align-top {vertical-align: top!important;}
.usa-prose>.usa-table-container--scrollable td, .usa-table-container--scrollable td {white-space: normal;}
.cdas-table {font-size: .85rem; margin: -.25rem auto;} 
.cdas-table.table-striped-columns>:not(caption)>tr>:nth-child(even) {--bs-table-bg-type: rgb(0 0 0 / 1%);}
.cdas-home .cdas-table.table-striped-columns>:not(caption)>tr>:nth-child(odd) {--bs-table-bg-type: rgb(0 0 0 / 1%);}
.cdas-home .cdas-table.table-striped-columns>:not(caption)>tr>:nth-child(even) {--bs-table-bg-type: #fff;}
.cdas-home .cdas-table.table-striped-columns thead th a {text-decoration: none;}
.cdas-home .cdas-table.table-striped-columns thead th {border-bottom: 0.25rem solid #f2f2f2; position: relative;}
.cdas-home .cdas-table.table-striped-columns thead th::after {content: ''; display: block; position: absolute; bottom: -0.25rem; height: 0.25rem; border-radius: 0.25rem; width: 3.5rem; left: 35%; background-color: #226467;}
.cdas-table td, .cdas-table th {border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right: 1px solid #ccc; padding: .75rem 1rem; width: 16.667%;}
.cdas-table tbody th, .cdas-table thead td {background-color: #206b6f; color: #fff; text-align: right; font-weight: normal;}
.cdas-table tbody th, .cdas-table thead td, .table:not(.table-striped-columns) thead th {background-color: #226467; color: #fff; text-align: right; font-weight: normal;}
.cdas-table thead th, .cdas-table tbody td {text-align: center;}
.cdas-table thead th {font-weight: normal; vertical-align: middle;}
#projects-table table {min-width: 1200px;}
.table-pagination {padding-top: 1.25rem; border-top: none;}
.table.table-striped thead.table-pagination th {border-top-color: transparent!important;}
th.sort-table {position: relative;}
.sort-table .sort-button {display: none; background-color: transparent; border: 0; border-radius: 0; box-shadow: none;}
.sort-table .bi {position: relative; bottom: 2px;}
.scroll-helper-text {display: flex; justify-content: flex-end; align-items: center; margin: .5rem 0;}
#projects-table .scroll-helper-text {margin: 0 0 .5rem;}
.scroll-helper-text svg {margin-left: .25rem;}
.cdas-default-table table {width: 100%;}
.cdas-default-table table thead {border-bottom: 3px solid rgb(153 202 228 / 35%);}
.cdas-default-table table thead td {background: transparent; border: none;}
.cdas-default-table table tbody th {font-weight: 600;}
.cdas-default-table table td {vertical-align: top;}
.cdas-default-table table th, .cdas-default-table table td {font-size: 0.9rem; border-color: #3b544b;}
    .cdas-default-table table.tasks-table td, .cdas-default-table table.requisitions-table td {border-bottom: none;}
    .cdas-default-table table td .fileIconWrapper {align-items: flex-start;}
    .cdas-default-table table td .fileIconWrapper .file-icon {top: 5px;}
    .cdas-default-table table td .fileIconWrapper a {font-size: 0.9rem;}
th.darker {background-color: #99cae4!important;}
/* .table-responsive.card-body .tasks-table {min-height: 200px;} */
#action_items_filter_form .project-cards .card {position: relative;}
#action_items_filter_form .project-cards .card-body {z-index: 2;}
.has-comments-col {overflow-y: visible!important;}
.tasks-table .tasks-row {display: flex; width: 100%; align-items: center;}
.tasks-table td:first-child, .tasks-table th:first-child, .requisitions-table td:first-child, .requisitions-table th:first-child {padding-left: 0;}
.tasks-table .tasks-row .general-tasks {margin-left: 3rem; padding-left: .75rem;}
.tasks-table td:last-child .dropdown-toggle {width: 100%; max-width: 102px; padding: 0.25rem 0.75rem 0.25rem 0.5rem;}
.tasks-table td:last-child .dropdown-toggle > span {padding: 0.25rem 0;}
.tasks-table .task-action {padding-right: .5rem;}
.tasks-table .task-comments{padding-left: .25rem; border-left: 1px solid #ccc;}
.tasks-table .task-comments, .tasks-table .task-action, .tasks-table .task-assignment-comments .popup-comments-cell {font-size: 1.25em;}
.tasks-table .task-assignment-comments .popup-comments-cell a {float: clear!important;}
.tasks-table .dropdown-toggle.btn-link {text-decoration: none; border: 1px solid rgb(153 202 228 / 35%);}
.tasks-table .dropdown-toggle .caret {border-right: 1px solid rgb(153 202 228 / 35%);}
.tasks-table .dropdown-toggle::after {position: relative; right: -5px;}
.tasks-table .pop-over {right: unset!important; left: 2rem; max-height: 200px;}
.tasks-table a:not(.dropdown-item) {text-decoration: underline;}
.panel-toggle-wrap {display: flex; align-items: center;}
.panel-toggle-wrap .panel-toggle-btn {font-size: 1rem;}
.usa-table tr.shaded-row td {background-color: #f0f0f0;}
.table-within .form-row {display: flex; flex-wrap:wrap; align-items: center; border-bottom: 1px solid rgb(153 202 228 / 35%); padding: 1rem 0;}
.table-within .form-row:last-child {border-bottom-color: transparent;}
.table-within .form-row select.form-select {width: auto; max-width: calc(100% - 85px); padding: .125rem 2.25rem .125rem .75rem;}
tr.divider-row {border-bottom: 4px solid rgb(153 202 228 / 50%);}
.coi-table .usa-table--striped tbody tr:nth-child(odd) td {background-color: rgb(205 205 205 / 20%)!important;}
.coi-table.cdas-default-table table td {border-color: rgb(153 202 228 / 45%)!important}
#double-scroll {margin-top: 0;}
.coi-table .usa-table--striped tbody tr:nth-child(odd) td.sticky-column {background-color: #f5f5f5!important;}
.popover.visible {top: 1%;}
.popover {max-height: 180px!important;}
.tooltip {pointer-events: none;}
.tooltip-inner {white-space: pre-wrap;}
table tbody tr:last-child .pop-over.visible {top: unset; bottom: 0;}
.requisitions-table .notes {font-style: italic;}
td.datasets-file .d-flex.align-items-start {width: 100%; padding: 0.5rem 0; border-top: 1px solid rgb(153 202 228 / 35%);}
td.datasets-file .d-flex.align-items-start:first-child {border-top: none;}
.dropstart .dropdown-menu.show {top: -2rem!important; height: min-content;}
col.dataset {width: 100px!important; min-width: 100px!important;}
col.end-date {width: 85px!important; min-width: 85px;}
col.delivered {width: 125px!important; min-width: 125px!important;}
col.reference {width: 195px!important; min-width: 195px!important;}
table#projects-assigned-to-me thead tr th {min-width: 205px!important;}
table#projects-assigned-to-me svg[class*="bi-circle"] {position: relative;}
table#projects-assigned-to-me svg.bi-circle {top: -2px;}
table#projects-assigned-to-me svg.bi-circle-fill {top: -1px;}

@media screen and (min-width: 768px) {
    body:not(.cdas-home) .scroll-helper-text:not(.two-col-scroll-helper-text) {display: none;}
    .sticky-column {position: sticky; left: -1px; z-index: 1;}
    .sticky-column::before{position:absolute; display:block; content:''; left:-2px; top: 0; bottom: 0; height: 100%; width:3px; background-color: rgb(153 202 228 / 45%);}
    .sticky-column::after{position:absolute; display:block; content:''; right:-1px; top: 0; bottom: 0; height: 100%; width:2px; background-color: rgb(153 202 228 / 45%);}
    th.sticky-column {padding: 0!important;}
    th.sticky-column>div {padding: 2.35rem 1rem;}
}
@media screen and (min-width: 1288px) {
    #projects-table .scroll-helper-text {display: none;}
}

/* Tabs */
.usa-prose .tabs-responsive {line-height: 1; margin-bottom: 2.5rem;}
.usa-prose>ul.nav-tabs {padding-left: 0; margin-bottom: 0;}
.usa-prose>.tab-content {margin-top: -0.5rem;}
.usa-prose>.tabs-responsive + p {margin-top: 0!important;}
.tab-pane {border: 1px solid transparent; border-top-color: #ccc;}
.tabs-responsive {background: #f8f9fa; border-bottom: 1px solid #ccc;}
.nav-tabs {background: transparent; margin-bottom: -2px;}
.nav-tabs .nav-link {padding-top: calc(0.75rem + 5px);}

@media (max-width: 768px) {
    .nav-tabs.tabs-sm .nav-link::before {top: 0.5rem;}
}
@media (min-width: 769px) {
    .nav-tabs.tabs-sm .nav-link {font-size: .95rem; padding: .75rem 1.5rem;}
}
@media (min-width: 769px) and (max-width: 860px){
    .nav-tabs.tabs-sm .nav-link {padding: .75rem 1rem;}
}
@media (min-width: 1024px) and (max-width: 1250px){
    .nav-tabs.tabs-sm .nav-link {padding: .75rem;}
}


/* Tags */
.badge {background-color: #555; color: #fff;}
    .rightNav-block .cdas-list .badge {position: relative; top: -2px; left: 3px; text-transform: uppercase;}
    .portal-card--header h2 .badge {position: relative; top: -2px;}
.badge.EPPT {background-color: #284976;}
.badge.IDATA {background-color: #77539B;}
.badge.NLST {background-color: #ddaa01; color: #222;}
.badge.PLCO {background-color: #06162D;}
.badge.rounded-pill {text-decoration: none; font-weight: 700; padding: 3px 1rem; background-color: #444;}
.badge.rounded-pill.EPPT {background-color: #284976;}
.badge.rounded-pill.IDATA {background-color: #77539B;}
.badge.rounded-pill.NLST, .badge.rounded-pill.badge-warning {background-color: #ddaa01; color: #222;}
.badge.rounded-pill.PLCO {background-color: #06162D;}
.badge.rounded-pill.pubmed, .badge.rounded-pill.bg-usa-button {background-color: #067cbc; color: #fff!important;}
.badge.rounded-pill.Critical, .badge.rounded-pill.bg-danger {background-color: #a90a0a; color: #fff;}
.badge.rounded-pill.High {background-color: #820975; color: #fff;}
.badge.rounded-pill.Normal, .badge.rounded-pill.status-active {background-color: #008366; color: #fff;}
.badge.rounded-pill.Low {background-color: #007bbd; color: #fff;}
.badge.rounded-pill.bg-darkgreen {background-color: #226467; color: #fff;}
.task-priority-icon {fill:  #333;}
.task-priority-icon.Critical {fill:  #a90a0a;}
.task-priority-icon.High {fill:  #820975;}
.task-priority-icon.Normal {fill:  #008366;}
.task-priority-icon.Low, .badge.bg-lightblue {fill:  #007bbd;}
.badge.project-title, .badge.project-id {font-size: .95rem; font-weight: 400; padding: .5rem 1rem; margin: 0 .25rem .5rem 0;}
.badge.project-title {background: #226467;}
.badge.project-id {background: #3d4551;}
.badge.rounded-pill.bg-black {background-color: #111;}
.badge.rounded-pill.badge-info {background: #67e4e8; color: #222;}
.badge.rounded-pill.announce-new {background: #67e4e8; color: #222; text-transform: uppercase; font-size: 0.85rem; padding-top: calc(3px + .15rem); position: relative; top: -4px;}
h2:has(span.announce-new) {position: relative;}
.badge.popover-hover {margin: 0px 5px;}
.badge.badge-request-steps {font-weight: 400; font-size: 0.95rem; padding: 0.35rem 1rem; border-radius: 3px; background: #1e4c4f;  margin: .5rem 0 1.5rem;}
.approved-user-badges .badge {border-radius: var(--bs-border-radius-pill) !important; text-decoration: none; font-weight: 700; padding: 3px 1rem; background-color: #444; color: #fff;}
.approved-user-badges .badge.badge-institutional-lead {background-color: #008366;}
.approved-user-badges .badge.badge-drafter, .approved-user-badges .badge.badge-requestor {background-color: #3d4551;}
.approved-user-badges .badge.badge-designee {background-color: #007bbd;}
.approved-user-badges .badge.badge-inst-email-req, .approved-user-badges .badge.badge-unconfirmed, .approved-user-badges .badge.badge-pending-exemption, .approved-user-badges .badge.badge-notifications-off, .approved-user-badges .badge.badge-inactive {background-color: #a90a0a;}

/* ==================================================
    Thunderstone Search Style Overrides
================================================== */
#rockutils-tstone .gmsl {padding-bottom: 0.5rem;}
#rockutils-tstone input, #rockutils-tstone .sort-by {height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);}
#rockutils-tstone input[type="submit"], #rockutils-tstone input#refine {color: #1b1b1b; box-shadow: none; background: #fafafa;}
#rockutils-tstone input#refine {height: auto;}
#rockutils-tstone .sort-by {color: #1b1b1b; background: #fafafa; border: 1px solid #ced4da; box-shadow: none;}
#rockutils-tstone span:nth-of-type(3) {display: flex; flex-wrap: wrap; align-items: flex-start;}
#rockutils-tstone .tstoneResults {display: block; width: 100%;}
#rockutils-tstone .tstoneSearchLeft.hits {flex-direction: column; margin: 1rem auto 0 0;}
#rockutils-tstone .results-count {font-weight: bold;}
#rockutils-tstone .tstoneSearchLeft {display: none;}
#rockutils-tstone .tstoneSearchPageNum {align-items: center; display: flex; flex-flow: row nowrap; justify-content: center; list-style-type: none; margin-bottom: 0; margin-top: 0; padding-left: 0; width: auto;}
#rockutils-tstone .tstonePageLink.active, #rockutils-tstone .tstoneSearchPageNum > a, #rockutils-tstone .tstoneSearchPageNav > a{display: inline-flex; align-items: center; justify-content: center; padding: .25rem;  border:1px solid rgba(27,27,27,.2); border-radius: 0.25rem; color: #06162d; background-color:transparent;}
#rockutils-tstone .tstoneSearchPageNum > a, #rockutils-tstone .tstoneSearchPageNav, #rockutils-tstone .tstoneSearchPageNum .tstonePageLink.active, #rockutils-tstone .tstoneSearchPageNav > a {display: inline-flex; height: 2.5rem; justify-content: center; align-items: center; line-height: 1; margin-left: .25rem; margin-right: .25rem; min-width: 2.5rem;}
#rockutils-tstone .tstoneSearchPageNav > a {margin: 0; padding: 0.5rem;}
#rockutils-tstone .tstoneSearchPageNav, #rockutils-tstone .tstoneSearchPageNum .tstonePageLink.active, #rockutils-tstone .tstoneSearchPageNum > a span.tstonePageLink {align-items: center;}
#rockutils-tstone .tstoneSearchPageNum .tstonePageLink.active {background-color: #000; color: #fff;}
#rockutils-tstone .tstoneSearchPageNav .tstonePageLink {position: relative;}
#rockutils-tstone .tstoneSearchPageNav .tstonePageLink::after, #rockutils-tstone .tstoneSearchPageNav .tstonePageLink::before {display: block; font-size: inherit; position: absolute; top: 0; bottom: 0;} 
#rockutils-tstone .tstoneSearchPageNav .tstonePageLink.next {padding-right: 2ch;}
#rockutils-tstone .tstoneSearchPageNav .tstonePageLink.next::after {content: '>'; margin-left: 0.25rem; right: 0;}
#rockutils-tstone .tstoneSearchPageNav .tstonePageLink.previous {padding-left: 2ch;}
#rockutils-tstone .tstoneSearchPageNav .tstonePageLink.previous::before {content: '<'; margin-right: 0.25rem; left: 0;}
#rockutils-tstone .tstonePageLink svg {display: none;} 
#rockutils-tstone .tstoneSearchPageNum *:nth-child(n+5) {display: none;}

@media (min-width: 40em) {
    #rockutils-tstone .tstoneSearchPageNum > a, #rockutils-tstone .tstoneSearchPageNav, #rockutils-tstone .tstoneSearchPageNum .tstonePageLink.active  {flex: 1 0 auto;}
}
@media (max-width: 991px) {
    .searchForm { margin-top: 1rem; }
}