/*~~~~~~~~~~~~~~~~~~~~~~~~~ GENERAL ~~~~~~~~~~~~~~~~~~~~~~*/
#container { display: block; }
html * { color: #000 !important; background: none !important; position: relative !important; font-size: 14px; font-family: Verdana, Geneva, sans-serif; overflow: visible !important;}
h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
h5 { font-size: 10pt; }
h6 { font-size: 8pt; }
.sr-only { display: none; }
h1, h2, h3, h4, h5, h6, p, blockquote, li { break-inside: avoid; }
.bodycontent { float: none; }
/*~~~~~ width ~~~~~*/
.intro .white-box, .intro .white-box .orange-box, table { width: 100% !important; }
.container { max-width: none !important;}
.details-results-table table { width: auto!important; }
/*~~~~~ height ~~~~~*/
body, .intro { height: auto!important; }
/*~~~~~ display ~~~~~*/
#main-nav, footer, .header-icon, button, .questions, #breadcrumbs, .page-with-sidebar .sidebar, .collapse-arrow, .tooltip, #tools, #chart_options, #copyLinkBox { display: none!important; }
.why .flex-boxes, .ui-accordion .ui-accordion-content, .toggleReveal, .cancer-sites .right-sidebar, .mobileState, #patient_toggle_wrap .collapsible-chart-content, button#collapsible-chart-button { display: block!important; }
/*~~~~~ border ~~~~~*/
.flex-boxes-item, #patient_toggle_wrap { border: 1px solid #000000 !important; padding: 1em; }
.intro .white-box .orange-box, .intro:before, .intro:after, .intro .white-box, .why .flex-boxes .flex-boxes-item, .summary-legend, .prognosis, .details-results-table.flex-boxes-item, .details-results-graph.flex-boxes-item { border: none !important; }
/*~~~~~ positioning ~~~~~*/
.intro .white-box, .intro .white-box .orange-box { left: 0!important;  }
/*~~~~~ padding/margin ~~~~~*/
.intro, .top-btm-150, .intro .white-box, .intro .white-box .orange-box, .top-btm-150, .top-btm-100, .top-btm-50, .title_and_breadcrumbs, .HeaderBlue, .bodycontent .container, .BGgreen.no-header, .HlgtGreen { padding: 0!important; }
.container, .margin-top-btm-25, .margin-right-150, .margin-right-50, .why .flex-boxes .flex-boxes-item { margin: 0!important; }
.why .flex-boxes .flex-boxes-item { margin-left: 0 !important; margin-right: 0!important; }
.flex-boxes-item div[class*="-content"], #patient_toggle_wrap div[class*="-content"] { padding: 1em 0 0; }
/*~~~~~ content ~~~~~*/
a::after { content: " (" attr(href) ") "; }
#accordion a::after { content: none; }
.intro:before, .intro:after, a[name]:after, .seerLogo:after, .sitename a:after, a[href*="query"]:after, .single_patient .characteristic:before, .original_patient_char .characteristic:before, .multi_patient .characteristic:before { content: none!important; }
/*~~~~~ shadows ~~~~~*/
.bodycontent .container { box-shadow: none; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~*/
.seerLogo img { max-height: 40px !important; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~ SIDEBARS ~~~~~~~~~~~~~~~~~~~~~~*/
.page-with-sidebar #mainContent, .page-with-sidebar .sidebar.right-sidebar, #mainContent2.page-with-sidebar #summary-results .single_results { flex: 1; flex-basis: 100%; }
.page-with-sidebar .sidebar.right-sidebar { margin-top: 1em; padding: 0; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~ RESULTS ~~~~~~~~~~~~~~~~~~~~~~*/
.single_year_chart, .trend_line_chart { page-break-inside: avoid; }
.details-results-table { flex: 1!important; }
.single_patient h3, .original_patient_char h3 { font-size: 12pt; }
#mainContent2.page-with-sidebar #summary-results, #mainContent2.page-with-sidebar #details-results, .flex-boxes, .mobileState.flex-boxes {display: block;}
/*~~~~~ MULTI PATIENT COMPARISON ~~~~~*/
.multi-patient .multi_year_chart.flex-boxes { display: block!important; break-inside: avoid !important; margin-bottom: 1em !important; }
.multi-patient #details-results .flex-boxes-item { padding: 0 1em; }
.multi-patient p.people { display: flex; }
.multi-patient .multi_patient_chart .flex-boxes-item { border: none !important; }
.multi-patient .multi_patient_chart { padding: 1em !important; }
.multi-patient .multi_patient_chart:first-of-type, .patient_1_results { margin-right: 1em !important; }
.multi-patient .multi_patient_chart { margin-top: 1em !important; }
.multi-patient .multi_patient_chart .flex-boxes-item { flex: 1; flex-basis: 100%; }
.blue.characteristic { border-left: 5px solid #006db5!important; padding-left: 5px!important; }
.red.characteristic { border-left: 5px solid #bb0e3d!important; padding-left: 5px!important; }
#patient_toggle_wrap { margin-bottom: 1em !important; display: block; }
#patient_toggle_wrap #collapsible-chart-button:before { display: none; }
#patient_toggle_wrap #collapsible-chart-button { border: none; }