/* Styles for Glossary Website*/

/* Page Styles */
/*#region*/ 

/* Correct scrolling for size of fixed navbar */

main {
  scroll-margin-top: 50px;
  }

.footnote-ref {
  scroll-margin-top: 50px;
  }

.footnotes li {
  scroll-margin-top: 50px;
  }

.scroll-fix {
  scroll-margin-top: 50px;
  }

#quarto-document-content {
  scroll-margin-top: 50px;
}

/* Adjust margins and padding above content  */

main {
  margin-top: 0;
}

#quarto-content>* {
  padding-top: 0px;
}

/* Page Print Styles */
/* Any flexbox div will mess up printing */
/* Change to block display */

@media print {

	.new-page {
		page-break-before:always;
	}

	.collapse {
			display: block !important;
			height: auto !important;
	}

}

@page {
	margin: 5%;
}

/*#endregion*/

/* Top Navbar for All Pages*/
/*#region*/ 

/* Height of Navbar */
.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

/* Width of Navbar */
.navbar-container {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

/* Title Format */
.navbar-title {
  color: #005F75;
  font-weight: bold;
}

/* Use CHQPR Teal for Highlighted Items*/

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .active_menu .nav-link {
  color: #005F75;
  background-color: #e7e7e7;
}

.navbar ul.dropdown-menu {
  margin-top: 0;
}

.navbar dropdownheader {
	text-transform: none;
	font-size: 
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover.dropdown-menu > .active > a:focus {
  background-color: #e7e7e7;
  color: #005F75;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active {
  color:#005F75;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
}

/* Prevent Navbar from Printing*/

@media print {
  #quarto-header {
      display: none !important;
  }
  #quarto-search-results {
    display: none !important;
  }
}

/*#endregion*/

/* Footer*/
/*#region*/ 

#SiteFooter {
  color: #005F75;
  font-size: 12px;
  text-align: center;
  padding-top: 10px;
}

/*#endregion*/

/* Page-Specific Table of Contents */
/*#region*/ 

#toc-title {
  font-size: 1.2rem;
  font-weight: bold;
}

.sidebar nav[role=doc-toc] ul>li,
.sidebar nav[role=doc-toc] ul>li>a {
	font-size: 1.2rem;
	padding-bottom:2.5px;
}

.sidebar nav[role=doc-toc] ul>li>a.active,
.sidebar nav[role=doc-toc] ul>li>ul>li>a.active,
.sidebar nav[role=doc-toc] ul>li>ul>li>ul>li>a.active {
  color: #005F75 !important;
  font-weight: bold !important;
  border-left: 1px solid #005F75;
}

/* Prevent Table of Contents from Printing*/

@media print {
  #quarto-sidebar {
      display: none !important;
  }
  #TOC {
    display: none !important;
    height: 0;
    width: 0;
  }
  #quarto-margin-sidebar {
    display: none !important;
  }
}

/*#endregion*/

/* Formatting for the Page Title */
/*#region*/ 

h1.title {
  display: none;
}

/*#endregion*/

/* Formatting for the Masthead*/
/*#region*/ 

#Masthead {
  text-align: center;
  }

.masthead-image img {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto
}

#Masthead p {
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-weight: bold;
  color:#005F75;
	margin-bottom: 10px;
}

@media (max-width: 576px) {
  #Masthead img {
    width:100%;
  }
}

/*#endregion*/

/* Text Styles*/
/* offset scroll position for headings (for fixed navbar)  */
/*#region*/

h1 {
	clear: both;
	font-size: 1.8rem;
	font-weight: bold;
  color: #005F75;
	margin-top: 1.5rem;
  padding-top: 10px;
  padding-bottom: 0;
  border-bottom: 1px solid #dee2e6;
	scroll-margin-top: 50px;
}

h1.Letter {
  font-size: 3rem;
	padding-bottom:10px;
}

h2 {
	clear: both;
	font-size: 1.6rem;
	font-weight: bold;
  color: #005F75;
  margin-top: 0;
  margin-bottom: 0;
  padding-top:15px;
  padding-bottom: 10px;
  border-bottom: 0;
	scroll-margin-top: 50px;
}

.SubDef h2 {
	font-size: 1.3rem;
	padding-top: 5px;
	padding-bottom: 0;
}

h3 {
	clear: both;
	font-size: 1.4rem;
  font-weight: bold;
  color: #005F75;
  margin-top: 0;
  margin-bottom: 0;
  padding-top:5px;
  padding-bottom: 10px;
  border-bottom: 0;
	scroll-margin-top: 50px;
 }

.SubDef h3 {
	font-size: 1.3rem;
	padding-bottom: 0;
}

h4 {
	clear: both;
	font-size: 1.2rem;
  font-weight: bold;
  color: #005F75;
  margin-top: 0;
  margin-bottom: 0;
  padding-top:5px;
  padding-bottom: 10px;
  border-bottom: 0;
	scroll-margin-top: 50px;
 } 

.subheading,
 .subheading p {
   font-weight:bold;
   font-style: italic;
   color: #005F75;
 }
 
p {
   margin-bottom: .8rem;
 }
 
a {
 color: #005F75;
}

li {
  padding-bottom: 5px;
}

img {
  max-width:100%;
}

.teal-text {
  color: #005f75;
}

.red-text {
  color: #ce155b;
}

/* Fonts for Printing */

@media print {
	p {font-size: 18px!important;}
	li {font-size: 18px!important;}
	h1 {font-size:30px!important;}
	h2 {font-size:24px!important;}
	h3 {font-size:20px!important;}
	h1.Letter {font-size:36px!important;}
	}

/*#endregion*/

/* Print Settings*/
/*#region*/

@media print {
	#Masthead p {
		font-size: 72px;
		line-height: 75px;
	}
	.collapse {
		display: block !important;
    height: auto !important;
	}
	.noprint {
		visibility:hidden
	}
}

@page {
	margin-top: 6%;
	margin-bottom: 5%;
}

/*#endregion*/

/* Definitions */
/*#region*/ 

.SubDef,
.SubDef p {
  padding-top:5px;
  padding-left: 20px;
}

.Term {
  font-weight:bold;
  font-style: italic;
}

.Usage {
  font-weight:bold;
  font-style: italic;
}

.CrossRef_Target {
	display:block;
	padding-top:55px;
	margin-top:-85px;
}

/*#endregion*/

/* Buttons Within Pages*/
/*#region*/ 

.btn.btn-dark,
.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark.active {
  color: #ffffff!important;
  background-color: #005F75!important;
  border-color: #005F75!important;
}

button, 
button > p {
  margin:0;
  font-size:0.8rem;
}

.button_more {
  padding-bottom:10px;
}

/* Buttons Only Showing on Small Screens  */

.only-small{
  display:none!important;
}

@media screen and (max-width: 768px) {
  .only-small{
    display: block!important;
    padding-top:20px;
    }
}
/*#endregion*/

/* Search Buttons/Box */
/*#region*/ 

.form-inline {
	flex-flow: nowrap;
}

.btn-search {
  color: #005F75;
  border-color: #005F75;
}

.btn-search:hover {
  color: #FFFFFF;
  background-color: #005F75;
  border-color: #005F75;
}

.textSearchvalue_h {
  border-width: 1px;
  border-color:#005F75;
  margin-right: 0px;
}

@media (max-width: 1300px) {
  .form-control-sm {
		padding: 0.25rem 0.25rem;
		height:1.1rem;
		font-size: 0.9rem;
		line-height: 0.9rem;
	}
	.btn-search {
		font-size: 0.9rem!important;
		line-height: 0.9rem!important;
		margin-top: 0.5rem!important;
		margin-bottom: 0.5rem!important;
	}
	.btn-search:hover {
    font-size: 0.9rem;
	}
  .btn-sm, .btn-group-sm > .btn {
    padding: 0.1rem 0.1rem;
	}
	.searchContend_h.my-2 {
		margin-top: 0.25rem!important;
		margin-bottom: 0.25rem!important;
		line-height: 1rem;
	}
}

@media (max-width: 576px) {
  .form-control-sm {
		height:0.9rem;
		font-size: 0.8rem;
		line-height: 0.8rem;
  }
  .btn-search {
		font-size: 0.8rem!important;
		line-height: 0.8rem!important;
		margin-top: 0.1rem!important;
		margin-bottom: 0.1rem!important;
	}
	.btn-search:hover {
    font-size: .8rem;
	}
	.searchContend_h.my-2 {
		margin-top: 0.1rem!important;
		margin-bottom: 0.1rem!important;
	}
}

/*#endregion*/

/* Figures*/
/*#region*/ 

/* Single Figure Containers*/

.figure_normal {
  padding-top:66px;
  margin-top:-56px;
  margin-bottom:25px;
  page-break-inside: avoid;
  clear: right;
}

.figure_float {
  float:right; 
  width:60%; 
  padding-top: 20px;
  padding-left:5%; 
  margin-bottom:25px;
  page-break-inside: avoid;
}

.figure_floatsmall{
  float:right; 
  width:40%; 
  padding-top: 15px;
  padding-left:5%;
  margin-bottom:20px;
  page-break-inside: avoid;
}

/* Two Figure Containers*/

.twofigure_container {
  display: flex; 
  flex-flow: row wrap;
  padding-top:66px;
  margin-top:-56px;
  margin-bottom:25px;
  page-break-inside: avoid;
}

.twofigure_left {
  flex-basis:100%;
  padding-right:10px; 
  padding-left:0px
}

.twofigure_right {
  flex-basis:100%;
  padding-top:20px;
  padding-right:0px; 
  padding-left:10px
}

@media (min-width: 600px) {
  .twofigure_left { 
    flex-basis:50%;
    }
  .twofigure_right { 
    flex-basis:50%; 
    padding-top:0px;
  }
}


/* Figure Titles and Numbers*/

.figure_titlediv {
  text-align:center;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:10px;
}

.figure_figurenum p {
  font-size:18px;
  font-weight: bold;
  color:#005F75;
  line-height: 1.1;
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
}

.figure_title p {
  font-size:20px;
  font-weight: bold;
  color:#005F75;
  line-height: 1.2;
  margin-top:0px;
  padding-top:0px;
  margin-bottom:0px;
}

.figure_subtitle p {
  font-size:18px;
  color:#005F75;
  line-height: 1.1;
  margin-top:0px;
  padding-top:0px;
  margin-bottom:0px;
}

.figure_note {
  margin-left:10%;
  margin-right:10%;
  margin-top:10px;
  margin-bottom:10px;
}

.figure_note p {
  font-size: 12px;
  line-height: 12px;
  font-style: "italic";
}

.twofigure_container .figure_title p {
  font-size: 16px;
  line-height: 1.1;
}

/* Figure Graphics*/

.figure_graph img {
  display:block;
  padding-top:0px;
  width: 80%;
  margin-left:auto;
  margin-right:auto;
}

.figure_graph_full img {
  display:block;
  padding-top:0px;
  margin-left:auto;
  margin-right:auto;
}

.twofigure_container .figure_graph img {
  padding-top:0px;
  width: 100%;
}

.figure_graph p {
  margin-bottom:0px;
}

.figure_data {
  display: none;
}

.toggles {
  display: flex; 
  flex-flow: row wrap;
  }

.btn.graph_toggle {
  display: none;
  margin-top:10px;
  margin-left: auto;
  margin-right: auto;
}

.btn.data_toggle {
  display: block;
  margin-top:10px;
  margin-left: auto;
  margin-right: auto;
}

.btn.chart_toggle {
  margin-top:10px;
  margin-left: auto;
  margin-right: auto;
}

.btn.hide_toggle {
  display: none;
  margin-top:5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:10px;
}

.btn.show_toggle {
  display: block;
  margin-top:10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:25px;
}


.figure_map img {
  padding-top:10px;
  padding-bottom:25px;
  width: 80%;
}

.twofigure_container .figure_map img {
  width: 100%;
}

.figure_chart img {
  display:block;
  margin:auto;
  padding-top:10px;
}

.figure_normal .figure_chart img {
  width: 80%;
}

.figure_float .figure_chart img {
  width: 100%;
}

.figure_float .figure_titlediv {
  margin-left:0%;
  margin-right:0%;
}

.figure_float .figure_note {
  margin-left:0%;
  margin-right:0%;
}

@media screen and (max-width: 1000px) {
  .figure_graph img {
    width: 100%;
    }
  .figure_map img {
    width: 100%;
    }
  .figure_chart img {
    width: 100%;
    }
  .figure_note {
    margin-left:0%;
    margin-right:0%;
    }
}

@media print {
  .figure_normal .figure_graph img {
    width: 65%;
    }
  .figure_normal .figure_map img {
    width: 65%;
    }
  .figure_normal .figure_chart img {
    width: 65%;
    }
  .figure_note {
    margin-left:18%;
    }
  .toggles {
    display:none;
    }
  .collapse {
    display:block!important;
  }
  .hide_print {
    display:none;
  }
 
}
/*#endregion*/

/* APM Comparison Table*/
/*#region*/ 

.compare_tbl{
  width:100%;
  border-collapse:collapse;
  border: 2px solid black;
  }

.compare_tbl td {
  border: 1px solid black;
  padding:1px;
  text-align:center;
  vertical-align:center;
  }

.compare_tbl-head {
  vertical-align:bottom;
  }

.compare_tbl-head td {
  font-weight:bold;
  }

.compare_tbl-head .compare_tbl_colbottom,
.compare_tbl-head .compare_tbl_colbottom td {
  border-bottom-width: 2px;
  }


.Effective{
  color:#068255; 
  }

.Limited{
  color:#00A0C6; 
  }

.Ineffective{
  color:black; 
  }

.Mixed{
  color:#FE7900; 
  }

.Harmful{
  color:#C00000; 
  }

  
  nav[data-toggle="toc"] .nav .active .nav {
    display: none;
  }
  
 /*#endregion*/