/***********************************************************************************
 * EQUALITY-V?.CSS 
 * 
 * A collection of CSS definitions specific to the eQuality section of the QID 
 * website 
 * 
 * 2019-10-23: Created 
 * 2022-10-28: Moved user identification and breadcrumbs to the same line 
 *             Added styling for H1 
 *             Customized object navigation arrows 
 *             Added QI variables form and report classes 
 * 2022-11-21: Added satisfaction survey form and report classes 
 * 2022-12-16: Changed to v1 
 * 2023-12-14: Changed to v2 
 *             Changed structure of user identification and breadcrumbs 
 * 2025-07-18: Added report graph footnote class 
 * 2025-11-17: Changed to v3 
 ***********************************************************************************/


/***********************************************************************************
 * HTML Tags 
 ***********************************************************************************/
h1 {
  text-align: center;
}


/***********************************************************************************
 * Header 
 ***********************************************************************************/
header { 
	background-color: #9da8b0; 
  background: linear-gradient(180deg, #95a1aa, #aeb7bE);
}


/***********************************************************************************
 * Site Identification (logo/tagline) 
 ***********************************************************************************/
#site-identification { 
	justify-content: flex-start;  
}
#site-logo { 
	min-width: auto; 
  min-height: auto; 
} 
#site-logo img { 
	width: 220px; 
	padding: .6em 0 .3em 0;
}
#site-tagline { 
	font-family: Calibri, sans-serif; 
	font-size: 1.5rem; 
	margin: .5em 0 0 .7em; 
	font-style: italic; 
	text-align: center; 
	white-space: nowrap; 
	color: #082c47; 
}

@media only screen and (max-width: 700px) { 
	#site-tagline { 
		font-size: 1rem; 
	}
}

@media only screen and (max-width: 600px) { 
	#site-tagline { 
		font-size: .75rem; 
	}
}


/***********************************************************************************
 * Site Navigation 
 ***********************************************************************************/
#site-navigation-container { 
	background-color: #5c6e7c; 
	box-shadow: 0px 2px 0px #1a3919, 0px -2px 0px #1a3919;  
}
#site-navigation label, #site-navigation a { 
	color: #ffffff; 
}
#site-navigation label:hover, #site-navigation a:hover { 
	color: #ffffff; 
  background-color: #082c47;
}
#site-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul { 
	background-color: #445A43; 
}
#site-navigation .ddm-menu .ddm-toggle-on { 
	background-color: #445A43 !important; 
}


/***********************************************************************************
 * You Are Here (Breadcrumbs and User Identification) 
 ***********************************************************************************/
#you-are-here-container { 
  box-shadow: 0px -2px 0px #04131c;
}


/***********************************************************************************
 * Collapsible Content - H2 Header 
 ***********************************************************************************/
h2.collapsible-open { 
  border-color: #082c47; 
  background: #5c6e7c; 
  color: #ffffff; 
}
h2.collapsible-closed { 
  border-color: #858280; 
  background: #c9c9c9; 
  color: #666666; 
}
h2.collapsible-open:hover, h2.collapsible-closed:hover { 
  color: #333333; 
}


/***********************************************************************************
 * Filterable Table 
 ***********************************************************************************/
.filterable th { 
  border-color: #ffffff;
  background-color: #5c6e7c; 
  color: #ffffff;  
}
.filterable td { 
  border-color: #ffffff; 
  border-bottom-color: #5c6e7c; 
}


/***********************************************************************************
 * Copiable Table 
 ***********************************************************************************/
.copiable th { 
  border-color: #082c47; 
  background-color: #5c6e7c; 
  color: #ffffff; 
}
.copiable td { 
  border-color: #082c47; 
}


/***********************************************************************************
 * Object Navigation 
 ***********************************************************************************/
.object-navigation .previous-arrow a, .object-navigation .next-arrow a { 
	color: #082c47;
}


/***********************************************************************************
 * WCCEAL Timeline
 ***********************************************************************************/
.timeline-table { 
  margin: 2em auto 2em auto; 
  border: 1px solid #000000; 
}
.timeline-table td { 
  padding: 3px; 
  padding-right: 30px; 
  border: 1px solid #000000; 
}
.timeline-table td.report-period { 
  background-color: #aebabd; 
  border: 1px solid #71858a; 
}
.timeline-table td.enrollment-period { 
  background-color: #bf9ba9; 
  border: 1px solid #7d5161; 
}
.timeline-table td.save-period { 
  background-color: #a3dddd; 
  border: 1px solid #359595; 
}
.timeline-table td.submit-period { 
  background-color: #308585; 
  border: 1px solid #133535; 
  color: #ffffff; 
}
.timeline-table td.survey-period { 
  background-color: #f4efd0; 
  border: 1px solid #b25900; 
}
.timeline-table td.survey-generation-period { 
  background-color: #dfd079; 
  border: 1px solid #b25900; 
}
.timeline-table td.survey-final-period { 
  background-color: #dedede; 
  border: 1px solid #b25900; 
}
.timeline-table td.key-point { 
  background-color: #33619e; 
  border: 1px solid #1b3354; 
  color: #ffffff; 
}
.timeline-table td.postmark-point { 
  background-color: #b25900; 
  border: 1px solid #6c3600; 
  color: #ffffff; 
}
.timeline-table td.public-point { 
  background-color: #dedede; 
  border: 1px solid #787878; 
}
.timeline-table td.mco-period { 
  background-color: #d1b8c2; 
  border: 1px solid #9e6b7e; 
}


@media only screen and (max-width: 1000px) { 
	#timeline-marker, #timeline-2025-marker { 
		display: none; 
	}
}


/***********************************************************************************
 * Timeline Information Box
 ***********************************************************************************/
.timeline-info-box { 
  float: right; 
  margin: 0 10px 10px 10px; 
  padding: 10px; 
  border: 3px solid #082c47; 
  text-align: center; 
  color: #990000;
}
.timeline-info-box .title { 
  font-weight: bold; 
  font-size: 110%; 
}


/***********************************************************************************
 * Floating Informational Box
 ***********************************************************************************/
.equality-float-box { 
  float: right; 
  margin: 0px 10px 10px 10px; 
  padding: 10px; 
  border: 3px solid #082c47; 
  text-align: center; 
}
.equality-float-box .title { 
  font-weight: bold; 
  text-align: center; 
  font-size: 110%; 
}
.survey-summary-box {
  text-align: left; 
  width: 300px;
}


/*********************************************************************
 * Split Dropdown Button 
 *********************************************************************/
.split-dropdown-button { 
  margin: 1em 0; 
}
.split-dropdown-button a { 
  text-decoration: none; 
}
.split-button { 
  background-color: #e1e1e1; 
  color: black; 
  padding: 2px 7px; 
  font-size: 16px; 
  border: 1px solid #c1c1c1; 
  border-radius: 3px 0 0 3px; 
}
.split-button-arrow { 
  background-color: #e1e1e1; 
  color: black; 
  padding: 2px 7px; 
  font-size: 16px; 
  border: 1px solid #c1c1c1; 
  border-radius: 0 3px 3px 0; 
  border-left-color: #333333; 
}
.split-button-arrow:hover { 
  cursor: pointer; 
}
.split-dropdown { 
  position: absolute; 
  display: inline-block; 
}
.split-dropdown-content { 
  display: none; 
  position: absolute; 
  background-color: #f1f1f1; 
  min-width: 160px; 
  z-index: 1; 
  margin-top: 3px; 
  border: 1px solid #c1c1c1; 
  border-radius: 3px; 
}
.split-dropdown-content a { 
  color: black; 
  padding: 4px; 
  display: block; 
}
.split-dropdown-content a:nth-child(2n) { 
  background-color: #f9f9f9; 
}
.split-dropdown-content a:hover { 
  background-color: #dddddd; 
}
.split-dropdown:hover .split-dropdown-content { 
  display: block; 
}
.split-button:hover, .split-dropdown:hover .split-button { 
  background-color: #d1d1d1; 
}


/*********************************************************************
 * Split Dropdown Button - Disabled
 *********************************************************************/
.split-dropdown-button-disabled { 
  margin: 1em 0; 
}
.split-dropdown-button-disabled span { 
  text-decoration: none; 
}
.split-button-disabled { 
  background-color: #e1e1e1; 
  color: #a7a7a7; 
  padding: 2px 7px; 
  font-size: 16px; 
  border: 1px solid #c1c1c1; 
  border-radius: 3px 0 0 3px; 
}
.split-button-arrow-disabled { 
  background-color: #e1e1e1; 
  color: #a7a7a7; 
  padding: 2px 7px; 
  font-size: 16px; 
  border: 1px solid #c1c1c1; 
  border-radius: 0 3px 3px 0; 
  border-left-color: #a7a7a7; 
}
.split-dropdown-disabled { 
  position: absolute; 
  display: inline-block; 
}
.split-dropdown-content-disabled { 
  display: none; 
  position: absolute; 
  background-color: #f1f1f1; 
  min-width: 160px; 
  z-index: 1; 
  margin-top: 3px; 
  border: 1px solid #c1c1c1; 
  border-radius: 3px; 
}


/***********************************************************************************
 * Dashboard - General 
 ***********************************************************************************/
.dashboard-button-container { 
  display: flex; 
  flex-flow: row wrap; 
  justify-content: center; 
  align-items: center; 
  align-content: center; 
  margin: 1em 0em; 
}
.dashboard-button { 
  border: 2px solid; 
  border-radius: 6px; 
  padding: 3.5em 1.2em 0 1.2em; 
  margin: .7em 2em; 
  font-size: 1.1em; 
  font-weight: bold; 
  width: 20%; 
  text-align: center; 
  background-repeat: no-repeat; 
  background-size: 100% auto; 
  background-position: right 0 bottom 1.2em; 
  opacity: .3; 
} 
.dashboard-button-start { 
  background-color: #c9c9c9; 
  color: #666666; 
  border-color:#858280; 
  opacity: 1; 
}
.dashboard-button-start:hover { 
  cursor: pointer; 
  opacity: .7; 
}
.dashboard-button-off { 
  background-color: #c9c9c9; 
  color: #000000; 
  border-color:#000000; 
}
.dashboard-button-off:hover { 
  cursor: pointer; 
  color: #666666; 
  border-color:#858280; 
  opacity: .7; 
}
.dashboard-button-on { 
  background-color: #5c6e7c; 
  color: #ffffff; 
  border-color: #082c47; 
  opacity: 1; 
}
.dashboard-content-on { 
  display: block; 
}
.dashboard-content-off { 
  display: none; 
}


/***********************************************************************************
 * Dashboard - QI Variables 
 ***********************************************************************************/
#occupancy-dashboard-button { 
  background-image: url(/images/dashboard-buttons/26_Roosevelt-Double-Occupancy-Resident-Room.jpg); 
}
#falls-dashboard-button { 
  background-image: url(/images/dashboard-buttons/falls.png); 
}
#infections-dashboard-button { 
  background-image: url(/images/dashboard-buttons/infection.png); 
}
#hospitalizations-dashboard-button { 
  background-image: url(/images/dashboard-buttons/hospital-630x342.png); 
}


/***********************************************************************************
 * Report Summary Text 
 ***********************************************************************************/
.report-status-summary { 
  font-weight: bold; 
  text-align: center; 
}
.report-status-summary span+span { 
  padding-left: 3em; 
}
.report-suppression-summary { 
  font-size: 120%; 
  font-weight: bold; 
  color: #ff0000; 
  text-align: center; 
}


/***********************************************************************************
 * QI Variables Form - Messages 
 ***********************************************************************************/
.validation-error { 
  color: #ff0000; 
}
.qi-form-submit-status { 
  color: #ff0000; 
  float: right; 
  font-weight: bold; 
  margin-right: 5px; 
  margin-top: 10px; 
  padding: 5px 10px; 
}
.qi-form-submit-status img { 
  float: left; 
  margin-top: -3px; 
  margin-right: 5px; 
}
.qi-form-submit-arrow { 
  color: #ff0000; 
  float: right; 
  font-weight: bold; 
  margin-right: 0px; 
  margin-top: 6px; 
  padding: 5px 5px; 
}
.qi-form-submit-arrow img { 
  float: left; 
  margin-top: -3px; 
  margin-right: 0px; 
}
.qi-section-submit-status { 
  color: #ff0000; 
  font-weight: bold; 
}
.qi-section-submit-status img { 
  float: left; 
  margin-top: -3px; 
  margin-right: 5px; 
}
div.qi-section-submit-status { 
  padding-left: 30px; 
  padding-top: 12px; 
}


/***********************************************************************************
 * QI Variables Form - General Layout 
 ***********************************************************************************/
table.qi-question { 
  width: 100%; 
}
table.qi-question .previous-data { 
  color: #999999; 
}
table.qi-question .question-emphasis { 
  font-weight: bold; 
  font-style: italic; 
}
table.qi-question .question-number { 
  font-size: 80%; 
  font-style: italic; 
}
table.qi-question span.inset-question { 
  padding-left: 1em; 
}
td.qi-question-text { 
  text-align: left; 
  vertical-align: top; 
  padding-right: 1em; 
}
td.qi-question-input { 
  text-align: right; 
  vertical-align: top; 
  white-space: nowrap; 
  color: #000000; 
}
table.question-disabled { 
  color: #cccccc; 
}
table.question-disabled td.qi-question-input { 
  color: #cccccc; 
}
table.question-disabled td.qi-question-additional { 
  color: #cccccc; 
}


/***********************************************************************************
 * QI Variables Form - Read Only View 
 ***********************************************************************************/
div.qi-form-read-only h3 span.subtitle { 
  font-weight: normal; 
}
div.qi-form-read-only td.qi-question-text { 
  width: 650px; 
}
div.qi-form-read-only td.qi-question-input { 
  background-color: #ededed; 
  min-height: 1.3em; 
}
div.qi-form-read-only table.rich-text td.qi-question-input { 
  text-align: left; 
  white-space: normal; 
}


/***********************************************************************************
 * QI Variables Form - Edit View 
 ***********************************************************************************/
td.qi-question-input select { 
  width: 10em; 
}
td.qi-question-input input.number { 
  width: 3em; 
  text-align: right; 
}
td.qi-question-input input.other-number { 
  width: 3em; 
  text-align: right; 
}
td.qi-question-input input.other-text { 
  width: 15em; 
}
td.qi-question-input input.multi-select-button { 
  background-image: url(../../images/icons/button-closed-arrow.png); 
  background-repeat: no-repeat; 
  background-position: right; 
  padding-right: 23px; 
  border: 1px solid #666666; 
}
td.qi-question-input .checkbox-answer { 
  max-height: 20em; 
  width: 100%; 
  overflow: auto; 
  background-color: #fafafa; 
  border: 1px solid #d7d7d7; 
  text-align: left; 
  padding-bottom: 3px; 
}
td.qi-question-input .checkbox-answer label { 
  display: inline; 
}
td.qi-question-input .checkbox-answer input.other-text { 
  width: 50em; 
}
td.qi-question-additional { 
  text-align: left; 
  vertical-align: top; 
  width: 25px; 
  color: #000000; 
}
td.qi-question-additional img { 
  padding-left: 5px; 
  padding-top: 5px; 
}
a.clear-button { 
  display: inline-block; 
  font-size: 70%; 
  padding: 1px 1px; 
  font-style: normal; 
  text-decoration: none; 
  color: #666666; 
}


/***********************************************************************************
 * Report Comparison Groups Filters 
 ***********************************************************************************/
div.comparison-group-summary { 
  text-align: center; 
  font-weight: bold; 
  margin-top: 2em; 
}
table.comparison-group-summary { 
  border-collapse: collapse; 
  font-size: 80%; 
  background-color: #ffffff; 
}
table.comparison-group-summary th { 
  text-align: center; 
  background-color: #cccccc; 
  color: #333333; 
  padding: 3px; 
  border: 1px solid #ffffff; 
}
table.comparison-group-summary td { 
  text-align: left; 
  color: #333333; 
  border-bottom: 1px solid #cccccc; 
  padding: 3px; 
  border: 1px solid #ffffff; 
}
table.comparison-group-summary tbody th { 
  vertical-align: middle; 
  text-align: center; 
}
table.comparison-group-summary tbody td { 
  vertical-align: middle; 
  text-align: center; 
}
table.comparison-group-summary tbody tr:nth-child(odd) { 
  background-color: #f1f1f1; 
}
table.comparison-group-summary tbody tr:nth-child(even) { 
  background-color: #e1e1e1; 
}
h2 span.filter-chosen { 
  padding: 0 5px; 
  background-color: #ffff00; 
  color: #666666; 
}


/***********************************************************************************
 * Report Graphs 
 ***********************************************************************************/
.report-graph { 
  margin-bottom: 2em; 
}
.report-graph .graph-suppressed { 
  text-align: center; 
  font-weight: bold; 
  font-size: 120%; 
  border: 2px solid #999999; 
  border-radius: 5px; 
  background-color: #f9f9f9; 
  line-height: 3em; 
}
.report-graph .question-emphasis { 
  font-weight: bold; 
  font-style: italic; 
}
.report-graph .question-number { 
  font-size: 80%; 
  font-style: italic; 
}
.report-graph-buttons { 
  margin-bottom: .5em; 
  text-align: right; 
}
.report-graph-buttons .data-table-button { 
  font-size: 10px; 
}
.report-graph-buttons .graph-button { 
  font-size: 10px; 
}
.report-graph-tabs .ui-tabs-nav li { 
  font-size: .8em; 
}
.report-graph-footnote {
  font-size: .9em;
}
.data-container { 
  text-align: center; 
  margin: .5em 0em .5em 0em; 
  overflow: auto; 
}
.data-container table { 
  border-collapse: collapse; 
  font-size: 80%; 
  margin: 0em auto; 
  background-color: #ffffff; 
}
.data-container th { 
  text-align: center; 
  background-color: #cccccc; 
  color: #333333; 
  padding: 3px; 
  border: 1px solid #ffffff; 
}
.data-container th.blank { 
  background-color: transparent; 
}
.data-container td { 
  text-align: left; 
  color: #333333; 
  border-bottom: 1px solid #cccccc; 
  padding: 3px; 
  border: 1px solid #ffffff; 
}
.data-container .count { 
  text-align: center; 
}
.data-container .graph-data-raw { 
  display: none; 
}
.data-container .graph-data-display tbody th { 
  vertical-align: middle; 
  text-align: center; 
}
.data-container .graph-data-display tbody td { 
  vertical-align: middle; 
  text-align: center; 
}
.data-container .graph-data-display tbody tr:nth-child(odd) { 
  background-color: #f1f1f1; 
}
.data-container .graph-data-display tbody tr:nth-child(even) { 
  background-color: #e1e1e1; 
}
.data-container .graph-data-display th.first-in-group { 
  border-left: 2px solid #000000; 
}
.data-container .graph-data-display td.first-in-group {
  border-left: 2px solid #000000; 
}
.data-container .graph-data-display th.community-name {
  text-align: right; 
}
.data-container .graph-data-display th.comparison-group-name { 
  text-align: right; 
}
.data-container .graph-data-display td.option-text { 
  text-align: right; 
}
.data-container .graph-data-display thead th.facility-response { 
  text-align: left; 
  background-color: transparent; 
  padding: 0px 0px 0px 0px; 
  border-width: 0px 0px 15px 0px; 
}
.data-container .graph-data-display tbody th.facility-response { 
  text-align: left; 
  color: #0a04a4; 
  background-color: #ffffff; 
  font-weight: bold; 
  font-style: italic; 
}
.data-container .graph-data-display thead.facility-response th { 
  border-top-width: 15px; 
}
.data-container .graph-data-display tbody.facility-response th { 
  border-bottom-width: 15px; 
}
.data-container .graph-data-display tbody.facility-response tr:last-child td { 
  border-bottom-width: 15px; 
}	
.data-container .graph-data-display thead.cg-response th { 
  border-top-width: 15px; 
}
.data-container .graph-data-display tbody.cg-response th { 
  border-bottom-width: 15px; 
}
.data-container .graph-data-display tbody.cg-response tr:last-child td { 
  border-bottom-width: 15px; 
}
.data-container thead th.facility-response table { 
  margin: 0px 0px; 
  font-size: inherit; 
}
.data-container thead th.facility-response table th { 
  border-width: 1px 1px 1px 0px; 
}
.data-container thead th.facility-response table tbody th { 
  color: #0a04a4; 
  border-width: 1px 1px 1px 0px; 
}
.data-container thead th.facility-response table td { 
  color: #0a04a4; 
  border-width: 1px 1px 1px 0px; 
}
.data-container thead th.blank-header { 
  background-color: transparent; 
}	
.data-container .testing thead tr th { 
  min-width: 3em; 
}
.data-container .testing tbody tr td:first-child { 
  text-align: right; 
}
tr.underlying-data-open td { 
  text-align: left !important; 
  font-weight: bold; 
  background-color: #cccccc; 
}
tr.underlying-data-closed td { 
  text-align: left !important; 
  font-weight: bold; 
  background-color: #cccccc; 
}
tr.underlying-data-open td span.minus, tr.underlying-data-closed td span.plus { 
  display: inline-block;
  width: 1em; 
}
tr.underlying-data-closed td span.minus { 
  display: none; 
}
tr.underlying-data-open td span.plus { 
  display: none; 
}
tr.underlying-data-open:hover, tr.underlying-data-closed:hover {
  cursor: pointer; 
}
.report-bar .facility-selected { 
  font-weight: bold; 
  color: #0a04a4; 
}


/***********************************************************************************
 * QI Variables Reports 
 ***********************************************************************************/
.qi-variables-report h3 span.subtitle { 
  font-weight: normal; 
}
.qi-variables-report .question-number { 
  font-size: 80%; 
  font-style: italic; 
}
.qi-variables-report .option-text { 
  text-align: right; 
}
.report-status-summary { 
  font-weight: bold; 
  text-align: center; 
}
.report-status-summary span+span { 
  padding-left: 3em; 
}
.report-suppression-summary { 
  font-size: 120%; 
  font-weight: bold; 
  color: #ff0000; 
  text-align: center; 
}	
.report-question-container h3 { 
  display: none; 
}
.report-question-container:first-child h3 { 
  display: block; 
}
div.facility-response { 
  margin-top: 1em; color: #0a04a4; 
}
.report-buttons { 
  margin-bottom: 1em; 
}
.report-buttons .data-table-button { 
  font-size: 10px; 
}
.report-buttons .graph-button { 
  font-size: 10px; 
}


/*********************************************************************
 * Satisfaction Survey layout
 *********************************************************************/
#survey-validation-top, #survey-validation-bottom { font-weight: bold; color: #990000; }
#survey-page { page-break-inside: avoid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#survey-page #header-information { width: 100%; font-size: 9px; }
#survey-page #facility-id { text-align: left; }
#survey-page #revised-date { text-align: right; }
#survey-page #title { text-align: center; padding-bottom: 10px; }
#survey-page #survey-table { width: 100%; border-width: 0px; border-collapse: collapse; white-space: nowrap; font-size: 12px; }
#survey-page #survey-table td { text-align: center; vertical-align: middle; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#survey-page #survey-table #resident-info { width: 100%; border-collapse: collapse; margin: -2px 10px 0px -2px; font-size: 12px; }
#survey-page #survey-table #resident-info td { text-align: left; border: 2px solid #000000; padding: 3px 3px 10px 3px; }
#survey-page #survey-table .vertical-text { vertical-align: bottom; text-align: center; border: 2px solid #000000; }
#survey-page #survey-table .section-heading { vertical-align: bottom; text-align: left; font-weight: bold; text-transform: uppercase; border-width: 0px; }
#survey-page #survey-table .section-notes { text-align: left; border-width: 0px; }
#survey-page #survey-table .question { text-align: left; border: 1px solid #000000; border-left-width: 2px; padding-left: 20px; }
#survey-page #survey-table tr.first-row td { border-top: 2px solid #000000; }
#survey-page #survey-table tr.last-row td { border-bottom: 2px solid #000000; }
#survey-page #survey-table td.not-applicable { border-left: 2px solid #000000; border-right: 2px solid #000000; }
#survey-page #survey-table td.strongly-agree { border-left: 2px solid #000000; }
#survey-page #survey-table .free-form { border-width: 0px; border-bottom: 2px solid #000000; }
#survey-page #survey-table .free-form-input { border-width: 0px; }
#survey-page #footer-information { font-size: 9px; text-align: right; padding-top: 10px; }
#survey-page .response { font-weight: bold; color: #990000; }
#survey-page .response p { margin: 0px; }
#survey-page .response p+p { margin-top: .7em }

.survey-page { page-break-inside: avoid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.survey-page #header-information { width: 100%; font-size: 9px; }
.survey-page #facility-id { text-align: left; }
.survey-page #revised-date { text-align: right; }
.survey-page #title { text-align: center; padding-bottom: 10px; }
.survey-page #footer-information { font-size: 9px; text-align: right; padding-top: 10px; }
.survey-page .survey-table { width: 100%; border-width: 0px; border-collapse: collapse; font-size: 12px; }
.survey-page .survey-table td { padding: 0px 0px 0px 0px; text-align: center; vertical-align: middle; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
.survey-page .survey-table #resident-info { width: 100%; border-collapse: collapse; margin: -2px 10px 0px -2px; font-size: 12px; }
.survey-page .survey-table #resident-info td { text-align: left; border: 2px solid #000000; padding: 3px 3px 10px 3px; }
.survey-page .survey-table .vertical-text { width: 25px; vertical-align: bottom; text-align: center; border: 2px solid #000000; }
.survey-page .survey-table .question { text-align: left; border: 1px solid #000000; border-left-width: 2px; padding-left: 20px; }
.survey-page .survey-table tr.first-row td { border-top: 2px solid #000000; }
.survey-page .survey-table tr.last-row td { border-bottom: 2px solid #000000; }
.survey-page .survey-table td.not-applicable { border-left: 2px solid #000000; border-right: 2px solid #000000; }
.survey-page .survey-table td.strongly-agree { border-left: 2px solid #000000; }
.survey-page .survey-table .free-form { border-width: 0px; border-bottom: 2px solid #000000; }
.survey-page .survey-table .free-form-input { border-width: 0px; }
.survey-page .survey-table .section-heading { vertical-align: bottom; text-align: left; font-weight: bold; text-transform: uppercase; border-width: 0px; }
.survey-page .survey-table .section-notes { text-align: left; border-width: 0px; }
.survey-page .survey-table .no { visibility: hidden; }
.survey-page .response { font-weight: bold; color: #990000; }
.survey-page .response p { margin: 0px; }
.survey-page .response p+p { margin-top: .7em }


/***********************************************************************************
 * Survey Report Participation Table
 ***********************************************************************************/
.new-report-table { width: 100%; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 2em; background-color: #ffffff; }
.new-report-table tbody+thead th { padding-top: 2em; }
.new-report-table .divider { border-width: 0px 0px 0px 0px; width: .7em; }

.new-report-table thead th { text-align: center; vertical-align: bottom; border-bottom: 4px solid #000000; }
.new-report-table thead th.heading-group { font-weight: normal; border: 2px solid #000000; border-width: 2px 3px; }
.new-report-table thead th.score { border: 2px solid #000000; border-width: 2px 3px; }
.new-report-table thead th.empty { border-width: 0px; }
.new-report-table thead th img { max-width: none; }

.new-report-table thead td { text-align: center; border: 2px solid #000000; }
.new-report-table thead td.not-applicable { border-width: 2px 3px;  }
.new-report-table thead td.empty { border-width: 0px; }
.new-report-table thead td img { max-width: none; }

.new-report-table tbody td.heading { font-weight: bold; text-transform: uppercase; vertical-align: bottom; }
.new-report-table tbody td.question { padding: 3px; text-align: left; vertical-align: top; color: #000000; font-weight: normal; border: 1px solid #000000; }
.new-report-table tbody td.satisfaction-question { text-align: left; vertical-align: top; color: #000000; font-weight: normal; border: 1px solid #000000; border-width: 1px 2px; 
                                                   padding-left: 20px; }
.new-report-table tbody td.response { text-align: center; vertical-align: middle; color: #999999; font-weight: bold; border: 1px solid #999999; }
.new-report-table tbody td.score { text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #000000; border-width: 1px 3px; }
.new-report-table tbody td.not-applicable { border-left: 3px solid #999999; border-right: 3px solid #000000; }

.new-report-table tbody tr.overall td.heading { border: 3px solid #000000; }
.new-report-table tbody tr.overall td.score { border-width: 3px 3px; vertical-align: bottom; }

.new-report-table tbody td.ok { background-color: #ffffff; color: #000000; }
.new-report-table tbody td.good { background-color: #4f6228; color: #ffffff; }
.new-report-table tbody td.bad { background-color: #943634; color: #ffffff; }

.new-report-table tbody tr.section-break td { line-height: 1.5em; }

.new-report-table tbody tr.section td.heading { border: 2px solid #000000; border-width: 0px 0px 2px 0px; cursor: pointer; }
.new-report-table tbody tr.section td.score { border-width: 2px 3px; }

.new-report-table tbody td.first-column { border-left: 2px solid #000000; }
.new-report-table tbody td.last-column { border-right: 2px solid #000000; }

.new-report-table tbody tr.first-row td.question { border-top: 2px solid #000000; }
.new-report-table tbody tr.first-row td.response { border-top: 2px solid #000000; }
.new-report-table tbody td.last-row { border-bottom: 2px solid #000000; }
.new-report-table tbody tr.last-row td.question { border-bottom: 2px solid #000000; }
.new-report-table tbody tr.last-row td.satisfaction-question { border-bottom: 2px solid #000000; }
.new-report-table tbody tr.last-row td.response { border-bottom: 2px solid #000000; }
.new-report-table tbody tr.last-row td.score { border-bottom: 2px solid #000000; }


/***********************************************************************************
 * Satisfaciton Survey Comparison Report 
 ***********************************************************************************/
.survey-report-table { width: 100%; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
											 margin-bottom: 2em; background-color: #ffffff; }

.survey-report-table thead th { text-align: center; vertical-align: bottom; border-bottom: 4px solid #000000; }
.survey-report-table thead td { text-align: center; border: 2px solid #000000; }
.survey-report-table thead .divider { border-width: 0px 0px 0px 0px; width: .7em; }
.survey-report-table thead .heading-group { font-weight: normal; border: 2px solid #000000; border-width: 2px 3px; }
.survey-report-table thead .score { border: 2px solid #000000; border-width: 2px 3px; }
.survey-report-table thead .not-applicable { border-width: 2px 3px; }

.survey-report-table tbody td.heading { font-weight: bold; text-transform: uppercase; vertical-align: bottom; }
.survey-report-table tbody td.question { border: 1px solid #000000; border-width: 1px 2px; padding-left: 20px; }
.survey-report-table tbody td.demographic { padding-left: 3px; padding-right: 3px; }
.survey-report-table tbody td.response { text-align: center; vertical-align: middle; color: #999999; font-weight: bold; 
																				 border: 1px solid #999999; }
.survey-report-table tbody td.score { font-weight: bold; text-align: center; vertical-align: middle; 
																			border: 1px solid #000000; border-width: 1px 3px; }
.survey-report-table tbody td.not-applicable { border-left: 3px solid #999999; border-right: 3px solid #000000; }

.survey-report-table tbody td.ok { background-color: #ffffff; color: #000000; }
.survey-report-table tbody td.good { background-color: #4f6228; color: #ffffff; }
.survey-report-table tbody td.bad { background-color: #943634; color: #ffffff; }

.survey-report-table tbody td.first-column { border-left: 2px solid #000000; }
.survey-report-table tbody td.last-column { border-right: 2px solid #000000; }

.survey-report-table tbody tr.section-break td { line-height: 1.5em; }

.survey-report-table tbody tr.overall td.heading { border: 3px solid #000000; }
.survey-report-table tbody tr.overall td.score { border-width: 3px 3px; vertical-align: bottom; }

.survey-report-table tbody tr.section td.heading { border: 2px solid #000000; border-width: 0px 0px 2px 0px; cursor: pointer; }
.survey-report-table tbody tr.section td.score { border-width: 2px 3px; }

.survey-report-table tbody tr.first-row td.response { border-top: 2px solid #000000; }
.survey-report-table tbody tr.first-row td.question { border-top: 2px solid #000000; }
.survey-report-table tbody tr.first-row td.score { border-top: 2px solid #000000; }

.survey-report-table tbody tr.last-row td.response { border-bottom: 2px solid #000000; }
.survey-report-table tbody tr.last-row td.question { border-bottom: 2px solid #000000; }
.survey-report-table tbody tr.last-row td.score { border-bottom: 2px solid #000000; }

.section-open span.minus, .section-closed span.plus {
	background-color: #5c6e7c; color: #ffffff; font-weight: bold; font-family: Courier New, Courier, monospace; 
	font-size: 130%; padding-left: 3px; padding-right: 3px; display: inline-block; margin-right: 7px; }
.section-closed span.minus { display: none; }
.section-open span.plus { display: none; }


/***********************************************************************************
 * Misc
 ***********************************************************************************/
.information-box { 
  width: 650px; 
  margin: 20px auto; 
  padding: 10px; 
  border: 5px solid #082c47; 
  text-align: center; 
}
.information-box-border { 
  font-size: 21px; 
  font-weight: normal; 
  text-shadow: 1px 1px 1px rgba(0,0,0,.7); color: #fbd40b; 
  font-family: 'Arial Unicode MS', Quivira, Symbola, Code2000, STIX, 'Linux Libertine', MingLiU, 'DFKai-SB'; 
}

.information-box.survey {
  background-color: #f4efd0; 
  border-color: #dfd079;
}

.information-box.placeholder-image {
  width: 100%;
  height: 10em;
}
.information-box.placeholder-image img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.two-box-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.two-box-layout .information-box {
  width: 48%;
  margin: 20px;
}

.two-box-layout .highlight-box {
  width: 48%;
  margin: 20px;
  padding: 0 1em;  
  border: 5px double #082c47;
  border: 5px double #ffbb00;
}


/***********************************************************************************
 * TO EVENTUALLY BE UPDATED/DELETED - NO TIME NOW! 
 ***********************************************************************************/
div.old-table-filters { background-color: #d3d3d3; border: 1px solid #a1a1a1; margin: 1em 0em; padding: .5em; font-size: .8em; }
div.old-table-filters th { white-space: nowrap; vertical-align: bottom; text-align: right; }
div.old-table-filters td { white-space: nowrap; vertical-align: bottom; padding-right: 0px; }
div.old-table-filters td+th { padding-left: 1em; }
div.old-table-filters select { font-size: .8em; width: auto; }
div.old-table-filters input[type=text] { font-size: .8em; width: 98%; }
div.old-table-filters input.count { width: 2em; }
div.old-table-filters input.date-picker { width: 9em; }
td.old-table-filters { background-color: #d3d3d3; border: 1px solid #a1a1a1; margin: 1em 0em; padding: .5em; font-size: 80%; }
td.old-table-filters th { vertical-align: bottom; text-align: right; white-space: nowrap; }
td.old-table-filters td { white-space: nowrap; vertical-align: bottom; }
td.old-table-filters td+th { padding-left: 20px; }
td.old-table-filters div+div { margin-top: .3em; }
td.old-table-filters input[type=text], .old-table-filters select { font-size: 80%; }
td.old-table-filters input[type=text] { width: 98%; }
td.old-table-filters input.count { width: 2em; }
td.old-table-filters input.date { width: 7em; }
tr.old-table-filters { font-size: 80%; }
tr.old-table-filters td { white-space: nowrap; vertical-align: bottom; border-bottom-width: 2px; }
tr.old-table-filters input[type=text], .old-table-filters select { font-size: 80%; width: 98%; }
tr.old-table-filters input.count { width: 2em; }
tr.old-table-filters input.date-picker { width: 7em; }
div.old-table-filters td select { width: 98%; }

table.old-comparison-group-filters th { text-align: left; }
table.old-comparison-group-filters select.filter-chosen { background-color: #ffff00; }
table.old-comparison-group-filters select.filter-chosen option { background-color: #ffffff; }


/***********************************************************************************
 * End of EQUALITY-V?.CSS 
 ***********************************************************************************/