/***********************************************************************************
 * QID-V?.CSS 
 * 
 * A collection of CSS definitions specific to the QID website 
 * 
 * 2019-10-23: Created 
 * 2022-07-01: Added filter-box 
 * 2022-08-23: Added unavailable-content, user-access-message, user-access-detail 
 *             Changed jquery ui font to same as html font 
 * 2022-10-14: Added more list classes 
 * 2022-10-28: Moved user identification and breadcrumbs to the same line 
 *             Customized object navigation arrows 
 * 2022-11-11: Added subsection navigation 
 *             Tweaked margins for global content 
 * 2022-11-20: Added a checkbox list class 
 * 2022-12-13: Added facility/user contact dialogs 
 * 2022-12-16: Changed to v1 
 * 2023-01-11: Changed to v2 
 *             Modified footer styling to accomodate disclaimer 
 * 2023-02-23: Modified classes related to paged tables and table filters 
 * 2023-03-23: Added notifications for when no action is needed 
 *             Modified notifications when in tab headings 
 * 2023-08-14: Changed to v3 
 *             Added action buttons 
 * 2023-12-14: Changed to v4 
 *             Changed structure of user identification and breadcrumbs 
 * 2024-05-16: Added styles related to user list changes 
 *              Added styles for HTML buttons (instead of jQueryUI or a tags) 
 * 2025-11-17: Changed to v5 
 ***********************************************************************************/
* { 
  box-sizing: border-box; 
}


/***********************************************************************************
 * HTML Tags 
 ***********************************************************************************/
html { 
  font-size: 14px; 
  font-family: "Lucida Grande", Verdana, sans-serif; 
  height: 100%; 
  overflow-y: scroll; 
}
body { 
  margin: 0; 
  padding: 0; 
  height: 100%; 
  display: flex; 
  flex-direction: column; 
}
h1, h2, h3, h4, h5 {
	padding: 0 0 0 0;
	margin: .5em 0 0 0;
}
h1 { 
  font-size: 1.375rem; 
  margin: .5em 0 1em 0; 
}
h2 { 
  font-size: 1.125rem; 
	margin: 2em 0 0 0;
}
h3 { 
  font-size: 1.075rem; 
  font-style: italic; 
}
h4 { 
  font-size: 1rem; 
}
h5 { 
  font-size: 1rem; 
  font-style: italic; 
}
h1 span { 
  font-size: .8em; 
  text-transform: none; 
  font-weight: normal; 
}
h1 span.sub-heading { 
  display: block; 
  font-size: 1rem;
  font-style: italic;
}
h1.with-underline, h2.with-underline, h3.with-underline, h4.with-underline, h5.with-underline { 
  border-bottom: 2px solid #000000; 
}
h2 span { 
  font-size: .8em; 
  text-transform: none; 
  font-weight: normal;
}
h2+p, h3+p, h4+p, h5+p { 
  margin-top: 0; 
}
h3 span.heading-link { 
  font-size: .9em; 
  text-transform: none; 
  font-weight: normal;
}
blockquote { 
  margin-left: 2em; 
  margin-right: 0; 
}
img { 
  max-width: 100%; 
}
a { 
  color: #0000ee; 
}
a:visited { 
  color: #551a8b; 
}

@media only screen and (max-width: 600px) { 
	html { 
    font-size: 12px; 
  }
}


/***********************************************************************************
 * JQuery UI Overrides
 ***********************************************************************************/
.ui-widget, .ui-widget button { 
  font-family: "Lucida Grande", Verdana, sans-serif; 
  font-size: 1em; 
}
.ui-widget select, .ui-widget input, .ui-widget textarea { 
  font-family: "Lucida Grande", Verdana, sans-serif; 
  font-size: .9em; 
}
.ui-widget-content a { 
  color: #0000ee; 
}
.ui-widget-content a:visited { 
  color: #551a8b; 
}
.ui-dialog { 
  z-index: 99; 
}
.ui-dialog .ui-dialog-titlebar { 
  padding: .2em .5em; 
}
.ui-dialog .ui-dialog-titlebar-close { 
  display: none; 
}
/*
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
  float: left; 
}
*/
.ui-dialog .ui-button { 
  padding: .3em .7em; 
}
/*
.ui-tabs { 
  z-index: 97; 
}
*/
.ui-tabs .ui-tabs-panel { 
  padding: 1em 1em; 
}
.ui-tooltip { 
  max-width: none; 
}
.ui-tooltip-content { 
  font-size: .9rem; 
  max-width: 500px; 
}


/***********************************************************************************
 * Dropdown Navigation Triggered on Click 
 * 
 * 2025-11-11: Updated to use different responsive CSS for the global nav bar 
 ***********************************************************************************/
.ddm-menu a { 
  display: block; 
  text-decoration: none; 
}
.ddm-menu label { 
  display: block; 
  padding: 0 .7em 0 .7em; 
}
.ddm-menu .ddm-ul { 
  padding: 0; 
  margin: 0; 
  list-style: none; 
}
.ddm-menu .ddm-ul .ddm-li { 
  position: relative; 
  z-index: 98; 
  padding: 0; 
  margin: 0; 
  display: block; 
}
.ddm-menu .ddm-ul .ddm-li:hover { 
  background-color: #000000; 
}
.ddm-menu input, .ddm-menu input+.ddm-ul { 
  display: none; 
}
.ddm-menu input:checked+.ddm-ul { 
  display: block; 
}
.ddm-menu > .ddm-ul { 
  float: left; 
  display: block; 
}
.ddm-menu > .ddm-ul > .ddm-li { 
  float: left; 
  width: auto; 
}
.ddm-menu > .ddm-ul > .ddm-li > .ddm-ul { 
  position: absolute; 
  max-width: 16em; 
  background-color: #f4f4f4; 
  list-style-type: none; 
}
.ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li { 
  padding: .5em .7em .5em 1.4em; 
  line-height: 1em; 
  list-style-type: none; 
}
.ddm-menu > .ddm-ul > .ddm-li > .ddm-ul.ddm-long { 
  min-width: 16em; 
}
.ddm-menu > .ddm-ul > .ddm-li > .ddm-ul.ddm-medium { 
  min-width: 13em; 
}
.ddm-menu > .ddm-ul > .ddm-li > .ddm-ul.ddm-short { 
  min-width: 100%; 
}
.ddm-menu .ddm-toggle { 
  cursor: pointer; 
  white-space: nowrap; 
}
.ddm-menu .ddm-arrow { 
  font-size: .6875em; 
  line-height: 0%; 
}
.ddm-menu .ddm-main a { 
  white-space: nowrap; 
}
.ddm-menu .ddm-top-level { 
  display: none; 
  padding-left: .2em; 
}
.ddm-menu .ddm-top-level+input+.ddm-ul { 
  display: block; 
}
.ddm-menu .ddm-no-toggle { 
  padding: 0 .7em 0 .7em; 
}
.ddm-menu .ddm-toggle-on { 
  background-color: #f4f4f4 !important; 
}
.ddm-menu .ddm-toggle-on label:hover { 
  background-color: #000000; 
}

@media only screen and (max-width : 900px) { 
	.ddm-menu:not(#global-nav-sites) > .ddm-ul, 
  .ddm-menu:not(#global-nav-sites) > .ddm-ul > .ddm-li { 
    float: none; 
  }
	.ddm-menu:not(#global-nav-sites) > .ddm-ul > .ddm-li > .ddm-ul { 
    position: relative; 
    max-width: 100%; 
  }
	.ddm-menu:not(#global-nav-sites) > .ddm-ul > .ddm-li > .ddm-ul.ddm-long, 
  .ddm-menu:not(#global-nav-sites) > .ddm-ul > .ddm-li > .ddm-ul.ddm-medium, 
  .ddm-menu:not(#global-nav-sites) > .ddm-ul > .ddm-li > .ddm-ul.ddm-short { 
    min-width: auto; 
  }
	.ddm-menu:not(#global-nav-sites) .ddm-top-level, 
  .ddm-menu:not(#global-nav-sites) .ddm-top-level+input:checked+.ddm-ul { 
    display: block; 
  }
	.ddm-menu:not(#global-nav-sites) .ddm-top-level+input+.ddm-ul { 
    display: none; 
  }
}


/***********************************************************************************
 * Server Identification 
 ***********************************************************************************/
#server-identification { 
	text-align: center; 
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 1.25rem; 
	background-color: #333333; 
	color: #ffffff; 
	padding: .5em; 
}
#server-identification #server-info { 
	font-weight: normal; 
	text-transform: none; 
	font-size: .875rem; 
}

@media only screen and (max-width : 600px) { 
	#server-identification { 
		font-size: 1rem; 
	}
	#server-identification #server-info { 
		display: none; 
	}
}


/***********************************************************************************
 * Header 
 ***********************************************************************************/
header { 
	background-color: #c7c7c7; 
	background: linear-gradient(180deg, #b7b7b7, #c7c7c7); 
}


/***********************************************************************************
 * Global Navigation 
 * 
 * 2025-11-11: Updated to allow for sub-menus and collapsing on small screens 
 ***********************************************************************************/
#global-navigation-container { 
  width: 100%; 
  background-color: #000000; 
  color: #ffffff; 
  text-shadow: 2px 2px 1px #666666; 
}
#global-navigation { 
  width: 1000px; 
  margin: auto auto; 
  position: relative; 
  z-index: 200;
}
#global-navigation > .nav-links { 
  font-size: .9375rem; 
  line-height: 3em; 
  white-space: nowrap; 
	display: flex; 
  flex-direction: row; 
  flex-wrap: no-wrap; 
  justify-content: space-between; 
  align-content: center; 
  align-items: center;
}
#global-navigation > .nav-links a { 
  padding: 0 .5em 0 .5em; 
  display: inline-block; 
  text-decoration: none; 
  color: #efefef;  
  height: 100%; 
}
#global-navigation > .nav-links #global-nav-actions a:hover { 
  background-color: rgba(255, 255, 255, 0.2); 
}
#global-navigation > .nav-links  span.disabled { 
  padding: 0 .5em 0 .5em; 
  display: inline-block; 
  color: #898989; 
}
#global-navigation .icon-text { 
  display: inline; 
}
#global-navigation img { 
  height: 2.8em; 
  padding: 5px 0; 
  margin: 0; 
  vertical-align: middle; 
}

#global-navigation .ddm-menu .ddm-ul .ddm-li:hover { 
  background-color: rgba(255, 255, 255, 0.2); 
}
#global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul { 
  background-color: #393939;
}
#global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li { 
  border-top: 1px solid #ffffff;
  white-space: normal; 
}
#global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li:hover { 
  background-color: #000000;
}
#global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li a:hover { 
  background-color: #000000;
}
#global-navigation .ddm-menu .ddm-toggle-on { 
  background-color: #393939 !important; 
}
#global-navigation .ddm-menu .ddm-toggle-on label:hover { 
  background-color: #393939; 
}

@media only screen and (max-width: 1000px) { 
	#global-navigation { 
    width: 100%; 
  }
  #global-navigation .icon-text { 
    display: none; 
  }
}

@media only screen and (max-width: 550px) { 
  #global-nav-sites > .ddm-ul, 
  #global-nav-sites > .ddm-ul > .ddm-li { 
    float: none; 
  }
	#global-nav-sites > .ddm-ul > .ddm-li > .ddm-ul { 
    position: relative; 
    max-width: 100%; 
  }
	#global-nav-sites > .ddm-ul > .ddm-li > .ddm-ul.ddm-long, 
  #global-nav-sites > .ddm-ul > .ddm-li > .ddm-ul.ddm-medium, 
  #global-nav-sites > .ddm-ul > .ddm-li > .ddm-ul.ddm-short { 
    min-width: auto; 
  }
	#global-nav-sites .ddm-top-level, 
  #global-nav-sites .ddm-top-level+input:checked+.ddm-ul { 
    display: block; 
  }
	#global-nav-sites .ddm-top-level+input+.ddm-ul { 
    display: none; 
  }
  #global-navigation .nav-links {
    align-items: flex-start;
  }
  
  #global-navigation .ddm-menu .ddm-toggle-on { 
    background-color: #000000 !important; 
  }
  #global-navigation .ddm-menu .ddm-toggle-on label:hover { 
    background-color: #393939; 
  }
  #global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul { 
    background-color: #000000; 
  }
  #global-navigation .ddm-menu > .ddm-ul > .ddm-li a:hover { 
    background-color: #393939;
  }
	#global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li { 
    border-top: none;
    background-color: #000000;
  }
  #global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li:hover { 
    background-color: #393939;
  }
  #global-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li a:hover { 
    background-color: #393939;
  }
}


/***********************************************************************************
 * Site Identification (logo/tagline) 
 ***********************************************************************************/
#site-identification-container { 
  padding: 0 0 2px 0; 
  box-shadow: 0px -2px 0px #747474;
}
#site-identification { 
  width: 1000px; 
  margin: 0 auto 0 auto; 
  display: flex; 
  flex-direction: row; 
  flex-wrap: nowrap; 
  justify-content: center; 
  align-content: center; 
  align-items: center; 
}
#site-logo { 
  min-width: 15rem; 
  min-height: 9rem; 
} 
#site-logo img { 
  padding: .3em 0 0 0; 
}

@media only screen and (max-width: 1000px) { 
	#site-identification { 
    width: 100%; 
  }
}

@media only screen and (max-width: 700px) { 
	#site-logo { 
    min-width: 9.5rem; 
    min-height: 5.7rem; 
  } 
	#site-logo img { 
    max-width: 150px; 
  }
}

@media only screen and (max-width: 600px) { 
	#site-logo { 
    min-width: 6.3rem; 
    min-height: 3.8rem; 
  } 
	#site-logo img { 
    max-width: 100px; 
  }
}


/***********************************************************************************
 * Site Navigation 
 ***********************************************************************************/
#site-navigation-container { 
  width: 100%; 
  background-color: #a02321; 
  text-shadow: 1px 1px 1px #1a3919; 
  box-shadow: 0px 2px 0px #171717, 0px -2px 0px #747474; 
  display: flex; 
  flex-direction: row; 
  flex-wrap: nowrap; 
  justify-content: space-around; 
}
#site-navigation { 
  width: 1000px; 
  margin: 0 auto; 
  padding: 0; 
  line-height: 2em; 
  /* width: auto; == centered */
}  
#site-navigation label, #site-navigation a { 
  color: #ffffff; 
}
#site-navigation label:hover, #site-navigation a:hover { 
  color: #ffffff; 
}
#site-navigation .ddm-menu .ddm-ul li:hover { 
  background-color: #393939; 
}
#site-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul { 
  background-color: #a02321; 
}
#site-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li { 
  border-top: 1px solid #ffffff; 
}
#site-navigation .ddm-menu .ddm-toggle-on { 
  background-color: #a02321 !important; 
}
#site-navigation .ddm-menu .ddm-toggle-on label:hover { 
  background-color: #393939; 
}

@media only screen and (max-width: 1000px) { 
	#site-navigation { 
    width: 100%; 
    margin: 0 0; 
  } 
}

@media only screen and (max-width: 900px) { 
	#site-navigation-container { 
    justify-content: flex-start; 
  }
	#site-navigation .ddm-menu > .ddm-ul > .ddm-li > .ddm-ul > .ddm-li { 
    border-top: none; 
  }
}


/***********************************************************************************
 * You Are Here (Breadcrumbs and User Identification) 
 ***********************************************************************************/
#you-are-here-container { 
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px -2px 0px #7a0e0c;
  line-height: 1.5em;
}
#you-are-here { 
  width: 1000px; 
  margin: 0 auto;
  padding: 0 .7em 0 .7em;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  justify-content: space-between;
}

#you-are-here #bread-crumbs { 
  font-size: .75rem;
}

#you-are-here #user-identification { 
  font-size: .875rem; 
  text-align: right;
}

@media only screen and (max-width: 1000px) { 
	#you-are-here { 
    width: 100%;
  }
}


/***********************************************************************************
 * Page Content 
 ***********************************************************************************/
#page-content { 
  width: 1000px; 
  margin: 0px auto; 
  padding: 0 .7em 1em .7em; 
  flex: 1 0 auto; 
}

@media only screen and (max-width: 1000px) { 
	#page-content { 
    width: 100%; 
    margin: 0 0; 
  }
}


/***********************************************************************************
 * Footer 
 ***********************************************************************************/
footer { 
  font-size: .75rem; 
  background-color: #000000; 
  background: linear-gradient(180deg, #000000, #070707); 
  padding: .5em 0 .5em 0; 
  flex-shrink: 0; 
  box-shadow: 0px -2px 2px #747474; 
  color: #adadad; 
}
footer a, footer a:visited, footer:active { 
  color: #adadad; 
}
footer a:hover { 
  color: #ffffff; 
}
footer #footer-container { 
  width: 1000px; 
  margin: 0 auto 2em auto; 
  padding: 0 1em; 
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  align-content: center; 
  align-items: center; 
}
footer #footer-container #footer-uw { 
  padding-top: .5em;
}
footer #footer-container #footer-uw img { 
  height: 75px; 
}
footer #footer-container #footer-contact-info { 
  text-align: left; 
  margin: 0;
}
footer #footer-container #footer-disclaimer { 
  text-align: left; 
  margin: 1em 0 0 0; 
  width: 100%;
}
footer #footer-container #footer-copyright { 
  text-align: center; 
}
footer .user-access-detail {
  width: 100%;
}

@media only screen and (max-width: 1000px) { 
	footer #footer-container { 
    width: 100%; 
    margin: 0; 
  }
}

@media only screen and (max-width: 850px) { 
	footer { 
    font-size: .5625rem; 
  }
	footer #footer-container #footer-uw img { 
    height: 40px; 
  }
}

@media only screen and (max-width: 700px) { 
	footer #footer-container #footer-uw { 
    width: 100%; 
    text-align: center; 
  }
	footer #footer-container #footer-contact-info { 
    width: 100%;
    text-align: center; 
    margin: 1em auto 2em auto; 
  }
	footer #footer-container #footer-copyright { 
    width: 100%;
    text-align: center; 
    margin: 1em auto 2em auto; 
  }
}


/***********************************************************************************
 * Subsection Navigation 
 ***********************************************************************************/
#subsection-navigation { 
  text-align: center; 
  border-top: 1px solid #333333; 
  border-bottom: 1px solid #333333; 
  margin-top: 1em; 
  line-height: 1.5em;
}
#subsection-navigation span, #subsection-navigation-more span { 
  padding: 0px 5px; 
  white-space: nowrap; 
}
#subsection-navigation a, #subsection-navigation-more a { 
  text-decoration: none; 
  padding: 0px 5px; 
  white-space: nowrap; 
}
#subsection-navigation a:hover, #subsection-navigation-more a:hover { 
  text-decoration: underline; 
}
#subsection-navigation a.selected, #subsection-navigation-more a.selected { 
  font-weight: bold; 
}
#subsection-navigation-more { 
  text-align: center; 
  border-bottom: 1px solid #333333; 
  margin-top: 0em; 
}


/***********************************************************************************
 * Collapsible Content - Generic 
 ***********************************************************************************/
.generic-closed { 
  display: flex;
  align-items: flex-start;
  margin: 0 0 .2em 0; 
  padding: 3px 3px 0px 7px; 
}
.generic-open { 
  display: flex;
  align-items: flex-start;
  margin: 0 0 0 0; 
  padding: 3px 3px 3px 7px; 
}
.generic-open span.minus, .generic-closed span.plus { 
  display: inline-block; 
  width: 1.2em;
  min-width: 1.2em;
}
.generic-closed span.minus, .generic-open span.plus { 
  display: none; 
}
.generic-open:hover, .generic-closed:hover { 
  cursor: pointer; 
  color: #333333; 
}
.generic-open+div { 
  padding-left: 1.5em; 
}
.generic-open+div p:first-child { 
  margin-top: .1em; 
}


/***********************************************************************************
 * Collapsible Content - H2 Header 
 ***********************************************************************************/
h2.collapsible-open, h2.collapsible-closed { 
  border: 1px solid; 
  border-width: 1px 0px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  position: relative; 
  margin: 0 0 .5em 0; 
  padding: .5em .5em .5em .7em; 
  font-weight: bold; 
  font-size: 1.075rem; 
  line-height: 1.1em; 
}
h2.collapsible-open { 
  border-color: #000000; 
  background: #333333; 
  color: #ffffff; 
}
h2.collapsible-closed { 
  border-color: #858280; 
  background: #8f8f8f; 
  color: #ffffff; 
}
h2.collapsible-open span.minus, h2.collapsible-closed span.plus { 
  display: block; 
  position: absolute; 
  right: .5em; top: 0; 
  font-weight: bold; 
  font-size: 1.4em; 
  line-height: 1.3em; 
  font-family: arial; 
}
h2.collapsible-closed span.minus, h2.collapsible-open span.plus { 
  display: none; 
}
h2.collapsible-open span.heading-note, h2.collapsible-closed span.heading-note { 
  padding-left: .5em; 
  font-weight: normal; 
}
h2.collapsible-open:hover { 
  cursor: pointer; 
  color: #8f8f8f;
}
h2.collapsible-closed:hover { 
  cursor: pointer; 
  color: #333333;
}
h2.collapsible-open+div { 
  margin-bottom: 1em; 
  padding: 0em .5em 1em .5em; 
}
h2.collapsible-open span.subheading, h2.collapsible-closed span.subheading {
	display: block; 
	text-transform: none; 
	font-weight: normal; 
	font-size: 1em; 
	padding-top: .5em; 
}


/***********************************************************************************
 * Lists 
 ***********************************************************************************/
.next-list-no-margin { 
  margin-bottom: 0; 
}
.next-list-no-margin+ul, .next-list-no-margin+ol { 
  margin-top: .2em; 
}

ul.no-bullet, ol.no-bullet { 
  list-style-type: none; 
}

ul.no-indent, ol.no-indent { 
  margin-left: 0; 
  padding-left: 0; 
}

ul.small-indent, ol.small-indent { 
  padding-left: 1em; 
}

ul.items-spaced li, ol.items-spaced li { 
  margin-bottom: .5em; 
}
ul.items-spaced ul, ol.items-spaced ol { 
  margin-top: .5em; 
}

ul.checkboxes { 
  list-style-type: square; 
  list-style-image: url(/images/bullet-checkbox.png); 
  margin-left: 40px; 
}

@media only screen and (max-width: 600px) { 
	ul.checkboxes { 
    margin-left: 0; 
  }
}


/***********************************************************************************
 * Filters Box 
 ***********************************************************************************/
div.filter-box { 
  background-color: #d3d3d3; 
  border: 1px solid #a1a1a1; 
  margin: 1em 0em; 
  padding: .5em; 
  font-size: .8em; 
}
div.filter-box div.filter-box-heading { 
  font-weight: bold; 
}
div.filter-box div.filter-box-division { 
  font-weight: bold; 
  font-style: italic; 
  margin: .5em 0 0 0; 
  padding: 2px 3px; 
  background-color: #f2f2f2; 
}
div.filter-box div.filter-box-division.generic-open, div.filter-box div.filter-box-division.generic-closed { 
  align-items: center; 
}
div.filter-box div.filter-box-division .pending-alert { 
  padding-left: .5em;
}
div.filter-box div.filter-group { 
  display: flex; 
  justify-content: flex-start; 
  align-content: flex-start; 
}
div.filter-box div.horizontal-flow { 
  flex-flow: row wrap; 
  align-items: flex-start; 
}
div.filter-box div.vertical-flow { 
  flex-flow: column wrap; 
  align-items: flex-end; 
}
div.filter-box div.vertical-align-left { 
  align-items: flex-start; 
}
div.filter-box div.filter { 
  display: flex; 
  padding: .3em 1em 0 .2em; 
}
div.filter-box div.filter-heading { 
  display: inline-block; 
  font-weight: bold; 
  padding-right: .2em; 
  text-align: right; 
}
div.filter-box div.filter-options { 
  display: inline-block; 
}
div.filter-box div.filter-options div.vertical-options label {
  display: block;
}
div.filter-box div.filter-options select { 
  font-size: .8em; 
  padding: 1px 0; 
  width: auto; 
}
div.filter-box div.filter-options input[type=text] { 
  font-size: .8em; 
}
div.filter-box div.filter-options input[type=text].count { 
  width: 4em; 
}
div.filter-box div.filter-options input[type=text].date-picker { 
  width: 9em; 
}
div.filter-box div.filter-options input[type=checkbox] { 
  height: 1em; 
  width: 1em; 
  margin: 0 .3em 0 .3em; 
  vertical-align: middle; 
}
div.filter-box div.filter-options label { 
  white-space: nowrap; 
}
div.filter-box div.filter-options label span { 
  position: relative; 
  bottom: 2px; 
}
div.filter-box div.filter-options input[type=checkbox]+label { 
  padding-left: .3em; 
}
div.filter-box div.filter-options label+input[type=checkbox] { 
  margin-left: 1em; 
}
div.filter-box div.filter-options label+label { 
  margin-left: .7em; 
}
div.filter-box div.filter-options div.vertical-options label+label { 
  margin-left: 0; 
}
div.filter-box div.filter-presets { 
  display: inline-block; 
  padding-left: 5px; 
}
div.filter-box div.filter-presets a { 
  display: inline-block; 
  padding: 1px 3px; 
  border: 1px solid #c1c1c1; 
  color: #000000; 
  background: #e1e1e1; 
  text-decoration: none; 
  cursor: pointer;
  font-weight: normal;
}
div.filter-box div.filter-presets a:hover { 
  background-color: #616161;
  color: #ffffff;
}
div.filter-box div.filter-presets div.filter-options { 
  display: block; 
  margin: .3em 0 0 -.3em; 
}
div.filter-box div.filter-box-heading div.filter-actions { 
  float: right; 
}
div.filter-box div.filter-box-heading div.filter-actions a { 
  display: inline-block; 
  padding: 1px 2px; 
  border: 1px solid #082c47; 
  color: #082c47; 
  background: #aeb4b8; 
  text-decoration: none; 
  cursor: pointer; 
}
div.filter-box span.disabled-filter {
  color: #666666;
}

.inert-filters {
  display: none;
}


/***********************************************************************************
 * Paged Table (uses jtable) 
 ***********************************************************************************/
.paged-table { 
  margin-bottom: 2em; 
}
.paged-table div.jtable-main-container { 
  min-width: 600px; 
}
.paged-table div.jtable-column-header-container { 
  height: auto !important; 
  padding-right: 20px; 
}
/*
.paged-table div.jtable-main-container table.jtable { 
  table-layout: fixed; 
}
*/
.paged-table td { 
  vertical-align: top; 
}
.paged-table td p { 
  margin: 0 0 0 0; 
}
.paged-table td p+p { 
  margin-top: 1em; 
}
.paged-table td.nowrap-column { 
  white-space: nowrap; 
}
.paged-table td .tall-column { 
  max-height: 4em; 
  overflow-y: hidden; 
}
.paged-table .jtable-row-selected td .tall-column { 
  max-height: inherit; 
}
.paged-table td.object-id { 
  white-space: nowrap; 
}
.paged-table td.number { 
  min-width: 50px; 
  text-align: center; 
}
.paged-table td.timestamp { 
  white-space: nowrap; 
}
.paged-table td.yes-no { 
  min-width: 50px; 
  text-align: center; 
}
.paged-table td.rich-text { 
  min-width: 400px; 
}
.paged-table td.action-icon { 
  min-width: 30px;
}
.paged-table td.action-icon img { 
  width: 30px; 
  max-width: 30px;
}
.paged-table td.count-column { 
  white-space: nowrap; 
}
.paged-table td.long-column { 
  width: 99%; 
}
.paged-table td.entity-name { 
  min-width: 12em; 
}
.paged-table td.email { 
  word-wrap: break-word; 
}
.paged-table td.contact-info { 
  white-space: nowrap; 
}
.paged-table td .indent { 
  margin-left: 1em; 
}
.paged-table td .table-notes { 
  max-height: 4em; 
  overflow-y: hidden; 
}
.paged-table .jtable-row-selected td .table-notes { 
  max-height: inherit; 
}


/***********************************************************************************
 * Filterable Table 
 ***********************************************************************************/
.filterable { 
  background-color: #ffffff; 
}
.filterable th { 
  text-align: left; 
  padding: 0px 30px 0px 2px; 
  background-color: #666666; 
  color: #ffffff; 
  border: 1px solid #ffffff; 
  white-space: nowrap; 
  vertical-align: top; 
  line-height: 29px; 
  background-image: url(/images/icons/sort-none.png); 
  background-repeat: no-repeat; 
  background-position: right; 
  cursor: pointer; 
}
.filterable td { 
  padding: 2px; 
  vertical-align: top; 
  border: 1px solid #ffffff; 
  border-bottom: 1px solid #5c6e7c; 
}
.filterable .super-heading th { 
  background-image: none; 
  text-align: center; 
  padding-right: 0px; 
}
.filterable .sort-value { 
  display: none; 
}
.filterable .ascending { 
  background-image: url(/images/icons/sort-ascending.png); 
}
.filterable .descending { 
  background-image: url(/images/icons/sort-descending.png); 
}
.filterable td.date { 
  text-align: right;
  white-space: nowrap;
}
.filterable td.count { 
  text-align: center; 
}
.filterable td.checkbox { 
  text-align: center; 
  text-transform: uppercase; 
}
.filterable th.non-sortable { 
  padding: 0px 2px 0px 2px; 
  background-image: none; 
  cursor: default; 
}
.filterable thead td.checkbox { 
  text-transform: none; 
}
.filterable tr.wrap-headings th { 
  white-space: normal; 
  vertical-align: middle; 
  line-height: 1.1em; 
  padding-top: .3em; 
  padding-bottom: .3em;
}
.filterable tr.wrap-headings th.count.non-sortable { 
  text-align: center; 
}
.filterable .super-heading th.no-group-label {
  background-color: #ffffff; 
  color: #000000; 
  text-align: left; 
  font-weight: normal; 
  font-size: 1.1em;
  padding-left: 0;
  padding-bottom: 0;
  vertical-align: bottom;
}
.filterable thead.static-heading {
  position: -webkit-sticky; 
  position: sticky; 
  top: 0; 
  z-index: 100;
}


/***********************************************************************************
 * Copiable Table 
 ***********************************************************************************/
.copiable { 
  background-color: #ffffff; 
  border-collapse: collapse; 
}
.copiable th { 
  text-align: left; 
  padding: 0px 30px 0px 2px; 
  background-color: #5c6e7c; 
  color: #ffffff; 
  border: 2px solid #082c47; 
  white-space: nowrap; 
  vertical-align: bottom; 
  line-height: 29px; 
  background-image: url(/images/icons/sort-none.png); 
  background-repeat: no-repeat; 
  background-position: right; 
  cursor: pointer; 
  border-collapse: collapse; 
}
.copiable td { 
  vertical-align: top; 
  padding: 5px; 
  border: 2px solid #082c47; 
  border-collapse: collapse; 
}
.copiable .ascending { 
  background-image: url(/images/icons/sort-ascending.png); 
}
.copiable .descending { 
  background-image: url(/images/icons/sort-descending.png); 
}
.copiable tr.odd { 
  background-color: #f2f2f2; 
}
.copiable tr.even { 
  background-color: #ffffff; 
}
.copiable td.checkbox { 
  text-align: center; 
}
.copiable td.number { 
  text-align: right; 
}
.copiable td.count { 
  text-align: right; 
}
.copiable td.date { 
  text-align: right; 
  white-space: nowrap; 
}
.copiable th.non-sortable { 
  padding: 0px 2px 0px 2px; 
  background-image: none; 
  cursor: default; 
}
.copiable th.percentile { 
  text-align: center; 
}
.copiable p { 
  margin: 0em; 
}
.copiable p+p { 
  margin-top: 1em; 
}
.copiable br { 
  mso-data-placement: same-cell; 
}
.copiable tr.wrap-headings th { 
  white-space: normal; 
  vertical-align: middle; 
  line-height: 1.1em; 
}
.copiable tr.wrap-headings th.count.non-sortable { 
  text-align: center; 
}


/***********************************************************************************
 * Object Navigation 
 ***********************************************************************************/
.object-navigation { 
	width: 100%; 
	margin: 1em 0 0 0; 
	display: flex; 
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.object-navigation .previous-arrow, .object-navigation .next-arrow { 
	font-size: 2.5em;
	color: #aeaeae;
}
.object-navigation .previous-arrow a, .object-navigation .next-arrow a { 
	color: #a02321;
}
.object-navigation .object-selection { 
	flex-grow: 1;
	border: 1px solid #999999; 
	background-color: rgba(153, 153, 153, .3);
	padding: 3px 7px;
	white-space: nowrap; 
}
.object-navigation form select {
	margin-right: 1em; 
  width: 100%;
}


/***********************************************************************************
 * Action Buttons 
 * 
 * The default action button is a gray circle. There are a number of add-on classes 
 * that can be used to modify the shape, color and positioning of the button icon. 
 * 
 * 2023-08-14: Created 
 * 2023-08-18: Added more detail button 
 ***********************************************************************************/
div.action-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  width: 2.5em;
  margin: 0 auto;
  padding: .2em;
  background: linear-gradient(0deg, #666666, #cccccc);
  border-radius: 50%;
}
div.action-button>div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: .3em;
  background: linear-gradient(0deg, #cccccc, #999999);
  border-radius: 50%;
  border: .1em solid #ffffff;
}
div.action-button>div svg, div.action-button>div img {
  height: 100%;
}
div.action-button>div svg path, div.action-button>div svg polygon, div.action-button>div svg rect {
  fill: #888888;
}

div.action-button>div:hover {
  transform: scale(0.95);
  cursor: pointer;
}
div.action-button>div:hover svg path, div.action-button>div:hover svg polygon, div.action-button>div:hover svg rect {
  fill: #555555;
}

a+a>div.action-button, div.action-button+a>div.action-button, div.action-button+div.action-button, a+div.action-button {
  margin-top: .3em;
}


/* Action button override - shape */
div.action-button.square-button {
  height: 2.5em;
  width: 2.5em;
  border-radius: 15%;
}
div.action-button.square-button>div {
  border-radius: 15%;
}


/* Action button override - color */
div.action-button.dark-blue-button {
  background: linear-gradient(0deg, #10334c, #566979);
}
div.action-button.dark-blue-button>div {
  background: linear-gradient(0deg, #566979, #10334c);
  border-color: #d5dade;
}
div.action-button.dark-blue-button>div svg path, div.action-button.dark-blue-button>div svg polygon, div.action-button.dark-blue-button>div svg rect {
  fill: #ffffff;
}
div.action-button.dark-blue-button>div:hover svg path, div.action-button.dark-blue-button>div:hover svg polygon, div.action-button.dark-blue-button>div:hover svg rect {
  fill: #9fadb7;
}

div.action-button.orange-button {
  background: linear-gradient(0deg, #833f1d, #f37127);
}
div.action-button.orange-button>div {
  background: linear-gradient(0deg, #f37127, #b35126);
  border-color: #fcdcc9;
}
div.action-button.orange-button>div svg path, div.action-button.orange-button>div svg polygon, div.action-button.orange-button>div svg rect {
  fill: #ffffff;
}
div.action-button.orange-button>div:hover svg path, div.action-button.orange-button>div:hover svg polygon, div.action-button.orange-button>div:hover svg rect {
  fill: #863e15;
}

div.action-button.red-button {
  background: linear-gradient(0deg, #540000, #a31919);
}
div.action-button.red-button>div {
  background: linear-gradient(0deg, #a31919, #540000);
  border-color: #ddcccc;
}
div.action-button.red-button>div svg path, div.action-button.red-button>div svg polygon, div.action-button.red-button>div svg rect {
  fill: #ffffff;
}
div.action-button.red-button>div:hover svg path, div.action-button.red-button>div:hover svg polygon, div.action-button.red-button>div:hover svg rect {
  fill: #c3a6a6;
}

div.action-button.sage-green-button {
  background: linear-gradient(0deg, #747355, #c5C5a9);
}
div.action-button.sage-green-button>div {
  background: linear-gradient(0deg, #c5C5a9, #747355);
  border-color: #f1f1ee;
}
div.action-button.sage-green-button>div svg path, div.action-button.sage-green-button>div svg polygon, div.action-button.sage-green-button>div svg rect {
  fill: #ffffff;
}
div.action-button.sage-green-button>div:hover svg path, div.action-button.sage-green-button>div:hover svg polygon, div.action-button.sage-green-button>div:hover svg rect {
  fill: #5b5b43;
}

div.action-button.bright-green-button {
  background: linear-gradient(0deg, #175521, #66a870);
}
div.action-button.bright-green-button>div {
  background: linear-gradient(0deg, #66a870, #175521);
  border-color: #d1ddd3;
}
div.action-button.bright-green-button>div svg path, div.action-button.bright-green-button>div svg polygon, div.action-button.bright-green-button>div svg rect {
  fill: #ffffff;
}
div.action-button.bright-green-button>div:hover svg path, div.action-button.bright-green-button>div:hover svg polygon, div.action-button.bright-green-button>div:hover svg rect {
  fill: #14481c;
}


/* Contact Information button override (dark blue circle) */
div.action-button.contact-info-button {
  background: linear-gradient(0deg, #10334c, #566979);
}
div.action-button.contact-info-button>div {
  background: linear-gradient(0deg, #566979, #10334c);
  border-color: #d5dade;
  padding: .4em .3em .3em .4em;
}
div.action-button.contact-info-button>div svg path, div.action-button.contact-info-button>div svg polygon, div.action-button.contact-info-button>div svg rect {
  fill: #ffffff;
}
div.action-button.contact-info-button>div:hover svg path, div.action-button.contact-info-button>div:hover svg polygon, div.action-button.contact-info-button>div:hover svg rect {
  fill: #9fadb7;
}


/* Organization Profile button override (orange circle) */
div.action-button.organization-profile-button {
  background: linear-gradient(0deg, #833f1d, #f37127);
}
div.action-button.organization-profile-button>div {
  background: linear-gradient(0deg, #f37127, #b35126);
  border-color: #fcdcc9;
}
div.action-button.organization-profile-button>div svg path, div.action-button.organization-profile-button>div svg polygon, div.action-button.organization-profile-button>div svg rect {
  fill: #ffffff;
}
div.action-button.organization-profile-button>div:hover svg path, div.action-button.organization-profile-button>div:hover svg polygon, div.action-button.organization-profile-button>div:hover svg rect {
  fill: #863e15;
}


/* User Profile button override (orange circle) */
div.action-button.user-profile-button {
  background: linear-gradient(0deg, #833f1d, #f37127);
}
div.action-button.user-profile-button>div {
  background: linear-gradient(0deg, #f37127, #b35126);
  border-color: #fcdcc9;
  padding: .3em .2em .3em .4em;
}
div.action-button.user-profile-button>div svg path, div.action-button.user-profile-button>div svg polygon, div.action-button.user-profile-button>div svg rect {
  fill: #ffffff;
}
div.action-button.user-profile-button>div:hover svg path, div.action-button.user-profile-button>div:hover svg polygon, div.action-button.user-profile-button>div:hover svg rect {
  fill: #863e15;
}


/* Data button override (sage green square) */
div.action-button.data-button {
  background: linear-gradient(0deg, #747355, #c5C5a9);
  height: 2.5em;
  width: 2.5em;
  border-radius: 15%;
}
div.action-button.data-button>div {
  background: linear-gradient(0deg, #c5C5a9, #747355);
  border-color: #f1f1ee;
  border-radius: 15%;
  padding: .25em;
}
div.action-button.data-button>div svg path, div.action-button.data-button>div svg polygon, div.action-button.data-button>div svg rect {
  fill: #ffffff;
}
div.action-button.data-button>div svg path.data-object, div.action-button.data-button>div svg polygon.data-object, div.action-button.data-button>div svg rect.data-object {
  fill: #777777;
}
div.action-button.data-button>div:hover svg path, div.action-button.data-button>div:hover svg polygon, div.action-button.data-button>div:hover svg rect {
  fill: #5b5b43;
}
div.action-button.data-button>div:hover svg path.data-object, div.action-button.data-button>div:hover svg polygon.data-object, div.action-button.data-button>div:hover svg rect.data-object {
  fill: #bbbbbb;
}
div.action-button.data-button.disabled-button>div svg path, div.action-button.data-button.disabled-button>div svg polygon, div.action-button.data-button.disabled-button>div svg rect, 
div.action-button.data-button.disabled-button>div:hover svg path, div.action-button.data-button.disabled-button>div:hover svg polygon, div.action-button.data-button.disabled-button>div:hover svg rect{
  fill: #888888;
}
div.action-button.data-button.disabled-button>div svg path.data-object, div.action-button.data-button.disabled-button>div svg polygon.data-object, div.action-button.data-button.disabled-button>div svg rect.data-object, 
div.action-button.data-button.disabled-button>div:hover svg path.data-object, div.action-button.data-button.disabled-button>div:hover svg polygon.data-object, div.action-button.data-button.disabled-button>div:hover svg rect.data-object {
  fill: #666666;
}


/* More Detail button override (red circle) */
div.action-button.more-detail-button {
  background: linear-gradient(0deg, #540000, #a31919);
}
div.action-button.more-detail-button>div {
  background: linear-gradient(0deg, #a31919, #540000);
  border-color: #ddcccc;
  padding: .3em .4em .3em .3em;
}
div.action-button.more-detail-button>div svg path, div.action-button.more-detail-button>div svg polygon, div.action-button.more-detail-button>div svg rect {
  fill: #ffffff;
}
div.action-button.more-detail-button>div:hover svg path, div.action-button.more-detail-button>div:hover svg polygon, div.action-button.more-detail-button>div:hover svg rect {
  fill: #c3a6a6;
}


/* Edit button override (sage green circle) */
div.action-button.edit-button {
  background: linear-gradient(0deg, #747355, #c5C5a9);
}
div.action-button.edit-button>div {
  background: linear-gradient(0deg, #c5C5a9, #747355);
  border-color: #f1f1ee;
  padding: .4em;
}
div.action-button.edit-button>div svg path, div.action-button.edit-button>div svg polygon, div.action-button.edit-button>div svg rect {
  fill: #ffffff;
}
div.action-button.edit-button>div:hover svg path, div.action-button.edit-button>div:hover svg polygon, div.action-button.edit-button>div:hover svg rect {
  fill: #5b5b43;
}


/* Disabled button override - gray, no hover effects */
div.action-button.disabled-button {
  background: linear-gradient(0deg, #666666, #cccccc);
}
div.action-button.disabled-button>div {
  background: linear-gradient(0deg, #cccccc, #999999);
  border-color: #ffffff;
}
div.action-button.disabled-button>div svg path, div.action-button.disabled-button>div svg polygon, div.action-button.disabled-button>div svg rect {
  fill: #888888;
}
div.action-button.disabled-button>div:hover {
  transform: none;
  cursor: default;
}
div.action-button.disabled-button>div:hover svg path, div.action-button.disabled-button>div:hover svg polygon, div.action-button.disabled-button>div:hover svg rect {
  fill: #888888;
}


/***********************************************************************************
 * Buttons
 ***********************************************************************************/
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}

.filter-box-heading .quick-select-buttons button {
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
  padding: .4em .6em;
  border-radius: .4em;
  border: 1px solid #b7b7b7;
  background-color: #e6e6e6;
  color: #555555;
}
.filter-box-heading .quick-select-buttons button:hover {
  background-color: #333333;
  color: #ffffff;
}
.filter-box-division .quick-select-buttons {
  padding-left: 1em;
}

.quick-select-buttons {
  font-size: .8em;
}
.object-actions { 
  float: right; 
  margin-top: 1em;
}
.object-actions.block { 
  float: none;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
}
a.edit-section-button { 
  float: right; 
  color: #ffffff; 
  background: #666666; 
  text-decoration: none; 
  border: 1px solid #827f7d; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  font-weight: normal; 
  margin-right: 5px; 
  margin-top: 10px; 
  padding: 5px 10px; 
}
a.edit-section-button:hover { 
  color: #d1d1d1; 
}
a.generic-button { 
  color: #ffffff; 
  background: #666666; 
  text-decoration: none; 
  border: 1px solid #827f7d; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  font-weight: normal; 
  margin-right: 5px; 
  margin-top: 10px; 
  padding: 5px 10px; 
}
a.generic-button:hover { 
  color: #d1d1d1; 
}


/***********************************************************************************
 * Dialog Form 
 ***********************************************************************************/
.dialog-form {
  display: none;
}
.dialog-form input[type=text] { 
	width: 100%; 
}
.dialog-form textarea { 
	width: 100%; height: 10em; 
}
.dialog-form label { 
  display: block; 
}
.dialog-form .inline-radios label { 
  display: inline; 
}
.dialog-form .inline-radios label+label {
  padding-left: .5em;
}
.dialog-form .validation-message { 
	font-weight: bold; color: #990000; text-align: right; padding: .5em 0em; 
}


/***********************************************************************************
 * Block Form 
 ***********************************************************************************/
.block-form {
	width: 25em;
	border: 3px solid #000000;
	background-color: #fafafa;
	padding: 1em;
	margin: auto;
}
.block-form p {
	margin-top: 0;
}
.block-form .form-input label {
	display: block;
}
.block-form .form-input input[type=text], .block-form .form-input input[type=password], .block-form .form-input select {
	width: 100%;
	margin-bottom: .5em;
}
.block-form .error-messages { 
	text-align: right;
	color: #ff0000;
	font-weight: bold;
	margin-bottom: .5em;
}
.block-form .form-buttons {
	text-align: right;
	padding-top: 1em;
}
.block-form .input-label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.block-form .input-label .label-note {
  font-size: .7em;
  padding-bottom: .3em;
}


/***********************************************************************************
 * Form Field Layout
 ***********************************************************************************/
.form-field-group { 
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: flex-start; 
  align-items: flex-start; 
  align-content: flex-start; 
}
.form-field-group-divider {
  margin-top: 1em; 
}
.form-field-group-heading { 
  font-size: 1.1em; 
  font-weight: bold; 
  color: #666666; 
  margin-bottom: -.6em;
}
.form-field { 
  padding-right: 1em; 
}
.form-field h3 { 
  margin: 1em 0 0 0; 
}
.form-field h3+div p:first-child { 
  margin-top: 0; 
}
.form-field input[type=checkbox]+label { 
  padding-left: .3em; 
}
.form-field label+input[type=checkbox] { 
  margin-left: 1em; 
}


/***********************************************************************************
 * Notifications/Highlights 
 ***********************************************************************************/
.major-notification { 
  background-color: #ff9900; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 1.2em; 
  text-align: center; 
  padding: .1em 0; 
  margin-bottom: .5em;
}
.minor-notification { 
  background-color: #ffdd00; 
  text-align: center; 
  padding: .1em .5em; 
  margin-bottom: .5em;
}
.minor-notification.pending-access {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1em;
}
span.action-needed {
  display: inline-block;
  background-color: #990000;
  color: #ffffff;
  font-weight: bold;
  padding: .2em .8em .2em .7em;
  font-size: .8em;
  border-radius: 10px;
}
span.no-action-needed {
  display: inline-block;
  background-color: #999999;
  color: #ffffff;
  font-weight: bold;
  padding: .2em .8em .2em .7em;
  font-size: .8em;
  border-radius: 10px;
}
span.no-action-needed-hidden {
  display: inline-block;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  padding: .2em 0 .2em 0;
  font-size: .8em;
  border-radius: 10px;
  visibility: hidden;
}
span.no-action-needed.approved {
  background-color: #1a861a;
  font-weight: bold !important;
}
span.action-needed.pending {
  font-weight: bold !important;
  padding-left: .9em;
  padding-right: .9em;
}
.ui-tabs-anchor span.no-action-needed, .ui-tabs-anchor span.action-needed, .ui-tabs-anchor .ui-tabs-anchor span.action-needed-hidden {
  font-weight: normal;
}
.user-access-message {
  font-style: italic;
}
.user-access-detail {
  font-style: italic;
  background-color: #ffff00;
}
.text-tip { 
  cursor: help; 
}
.text-tip.link-style {
  text-decoration: underline;
  color: #0000ee; 
}
.pending-alert { 
  color: #990000;
}


/***********************************************************************************
 * Disabled/Unavailable Content 
 ***********************************************************************************/
.inactive-option, .unavailable-content {
  color: #999999;
}
.object-actions span.unavailable-content {
  color: #000000;
}
span.edit-section-button.unavailable-content { 
  float: right; 
  color: #999999; 
  background: #cccccc; 
  text-decoration: none; 
  border: 1px solid #aaaaaa; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  font-weight: normal; 
  margin-right: 5px; 
  margin-top: 10px; 
  padding: 5px 10px; 
}
span.generic-button.unavailable-content { 
  color: #999999; 
  background: #cccccc; 
  text-decoration: none; 
  border: 1px solid #aaaaaa; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  font-weight: normal; 
  margin-right: 5px; 
  margin-top: 10px; 
  padding: 5px 10px; 
}


/***********************************************************************************
 * QID Project Blurbs 
 ***********************************************************************************/
div.project-blurb { 
  margin: 2em 3em; 
  overflow: auto; 
}
div.project-blurb img.logo-left { 
  float: left; 
  margin: 0px 10px 10px 0px; 
}
div.project-blurb img.logo-top { 
  display: block; 
  margin: 0 auto 10px auto; 
}
hr.project-divider { 
  margin: 2em 5em; 
}


/***********************************************************************************
 * QID Staff List 
 ***********************************************************************************/
.staff-list { 
  display: flex; 
  flex-flow: row wrap; 
  justify-content: flex-start; 
  align-items: stretch; 
  align-content: flex-start; 
  margin-bottom: 1em; 
  font-size: 95%; 
}
.staff-member { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  background-color: #ededed; 
  width: 32%; 
  margin: .5em .4em .5em .4em; 
  padding: .7em .3em .7em .3em; 
}
.staff-lead { 
  width: 70%; 
  margin: .5em auto .5em auto; 
}
.staff-name { 
  text-align: center; 
  font-weight: bold; 
} 
.staff-credentials { 
  font-weight: normal; 
  font-size: 90%; 
}
.staff-description { 
  font-size: 90%; 
  text-align: center; 
}


/***********************************************************************************
 * Facility/User Contact Dialogs 
 ***********************************************************************************/
#facility-contact-users h3 { 
  margin-top: 1.5em; 
}
#facility-contact-users .filter-box { 
  margin-top: .5em; 
  padding: 1px; 
}
#facility-contact-users-list {
  max-height: 7em;
  overflow: scroll;
}
#facility-contact-users-table {
  max-height: 15em;
  overflow: scroll;
}


/***********************************************************************************
 * Email Notifications 
 ***********************************************************************************/
.email-header-description { 
  border-collapse: collapse; 
  margin-top: 1em; 
  font-size: 90%; 
}
.email-header-description th, .email-header-description td { 
  border: 1px solid #000000; 
  padding: 3px; 
  vertical-align: top; 
}
.email-header-description td { 
  text-align: right; 
}
.email-header-description td { 
  text-align: left; 
}
.small-buttons { 
  font-size: .8em; 
}
.centered-buttons {
  text-align: center;
  margin: 2em 0 0 0;
}
.email-notification-alert { 
  color: #990000; 
  font-weight: bold; 
}


/***********************************************************************************
 * Facility Profile 
 ***********************************************************************************/
table.gold-member-detail-table { }
table.gold-member-detail-table td {
  vertical-align: top;
}
table.gold-member-detail-table td.icon-cell {
  text-align: right;
}
div.gold-certificate { 
  margin-left: .2em; 
  font-size: 1.8em; 
  line-height: normal; 
  color: #d4af37; 
}

.waiver { 
  margin-top: 1em; 
  border-top: 1px solid #999999; 
}


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