/*Override - EPA's s.css */

/* ln 319 to 376 - H# Headers - font sizes - use rem instead of 100% and never be less than base font */

h1 {
    padding: .1em 0;
    font-size: 1.75rem;
}

h2 {
    padding: .1em 0;
    font-size: 1.5rem;
}

h3 {
    padding: .1em 0;
    font-size: 1.33rem !important;
}

h4 {
    padding: .1em 0;
    font-size: 1.25rem;
}

h5 {
    padding: .1em 0;
    font-size: 1.125rem;
}

h6 {
    padding: .1em 0;
    font-size: 1rem;
    font-style: italic;
}

.documentTitle {
    margin-bottom: 0.5rem;
    padding: 0 8px;
}

body {
    font-family: Source Sans Pro Web, "Noto Sans Arabic", "Noto Sans BN homepage", "Noto Sans GU homepage", "Noto Sans KR homepage", "Noto Sans SC homepage", "Noto Sans BN", "Noto Sans GU", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Helvetica Neue", Helvetica, Arial, sans
}

.onThisPage {
    font-size: 1.2rem;
    font-weight: 500;
    padding: 0 8px;
}

#onThisPage_tree {
    padding-left:1.1rem;
}

/* ln 435 - Table - With APEX the tables are usually padded with enough spacing */

table {
    margin-bottom: .5em;
    border-collapse: collapse;
}


/* ln 518 - .th, caption, td */

th,
caption {
    font-size: 0.9rem;
    line-height: 1.2rem !important;
    border: 1px solid;
    padding: 0.2rem;
}

td {
    font-size: 0.85rem;
    line-height: 1.2rem !important;
    border: 1px solid;
    padding: 0.2rem;
}

tr.tablesorter-headerRow th {
    border: 1px solid;
}

tr.tablesorter-headerRow {
    background-color: #dfe1e2;
}

.tablesorter-default .tablesorter-header {
    background-position: 5px !important;
    padding: 4px 20px 4px 15px !important;
}

thead,
tr:nth-of-type(even),
table.datatable tbody tr:nth-of-type(even) {
  background: #eee;
}
th {
  background: #ddd;
}

/*#table_rfi_table_ii tr:nth-child(even) {
    background-color: #e1f3f8;
}/*

/* Testing reduced paragraph spacing */ 
p {
	margin-block-end: 0;
	margin-block-start: 0;
    line-height: 1.5;
    margin-bottom: 1rem;
    margin-top: 0;
}

.visited {
   color: #4d8e4d; 
}

a.white {
    color: white;
}

a.site-logo {
    color: #005ea2 !important;
}

li {
    font-size: 1em;
    line-height: 1.5rem;
}

/* ln 724 - .pagetop - define the bottom margin so that it's flush with the hr */

.pagetop {
    margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
    line-height: 1em;
    text-align: right;
}

/* Redundant
.pagetop+hr {
    margin-bottom: 0.5rem !important;
} */


/* TO DO: this code below is not getting applied
.pagetop > a,
.pagetop > a:active,
.pagetop > a:visited {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAuMDIwNjc1IiB3aWR0aD0iNy4yMDI2MjI5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+DQo8cGF0aCBvcGFjaXR5PSIwLjg2MDAwMDAxIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMy41OTQxNTM2LDAuNDY4NTMyMDMsMC40NjUyMDY5MSw0LjU4MDIzODRjMC41Njk0ODU2OS0wLjAwMDkyMTQsMS43MjkyODgzOSwwLjAwMDY2NzIsMi4wMzc2NTEwOSwwLjAwMTIzdjQuOTEyMTI4OGMwLDAuMDI4NjQ3LDAuMDMwNDIsMC4wNTE3MTksMC4wNjgyMDcsMC4wNTE3MTloMi4wNDYxNzY4YzAuMDM3Nzg3LDAsMC4wNjgyMDctMC4wMjMwNzEsMC4wNjgyMDctMC4wNTE3MTl2LTQuOTE1NzM1MWMwLjI5NDk3MjIsMC4wMDU2LDEuNDcwODkzMiwwLjAwMjM3LDIuMDM3NjUxMSwwLjAwMjM3eiIgc3Ryb2tlPSIjNjY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMC45MjMyMTU4NyIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+");
  background-position: 0 50%;
  background-repeat: no-repeat;
  color: #666;
  padding-left: 1em;
  text-decoration: none;
} 

.pagetop > a:hover {
  color: #666;
  text-decoration: underline;
} */


/* ln 1475 - a:focus - when used in combination with a-TreeView-label class the blue background does not work, default to transparent for IE8+ */

a.a-TreeView-label {
    background-color: transparent;
}


/* ln 1455 - set background of html to be the same as the footer */
/* removed forced vertical scrollbar */

html {
    background-color: #4f6067;
    overflow-y: auto !important;
}


/*set entered main body div*/

.t-Body {
    margin: 0 auto;
}


/* ln 1498 - hr margin within a region */

.t-Region hr {
    margin: 0.5rem 0;
}


/* Override - Theme-Standard */


/* ln 531 - TreeView (focused/selected) - set to white instead of light blue color */

.a-TreeView-row.is-focused,
.a-TreeView-row.is-selected.is-focused {
    background-color: white;
}


/* Override - EPA.Vita.min.css */


/* ln 2745 - Hot Buttons - color to match base color of the tabs*/

.t-Button--hot,
body .ui-state-default.ui-button.ui-button--hot,
body button.ui-state-default.ui-priority-primary {
    background-color: #164678;
    /* #2578cf; */
}


/* ln 2925 - Region Button for Collapsible region */

.t-Button--hideShow.t-Button {
    border-radius: 0 !important;
    width: 100%;
    text-align: left;
    background: none;
    box-shadow: none !important;
    margin-left: -7px;
}

.t-Button.t-Button--icon.t-Button--hideShow:focus {
    box-shadow: none !important;
}

.t-Button.t-Button--icon.t-Button--hideShow:hover {
    background: transparent;
}

.t-Region--hideShow.is-collapsed {
    border-bottom-color:#AAA !important;
}


/* ln 3415 - Form Inputs :focus - Since we use display_only for simply showing content we do not want it to highlight the span (as done by IE8+) */

.t-Form-inputContainer span.display_only:focus {
    border-color: transparent !important;
}




/* add space between tab label and carrot */
span.a-Icon.icon-down-chevron {
    margin-left: 5px;
}


.t-Header-nav-list .a-MenuBar-label{
    color: white;
}

/* ln 4141 - Menu Item - on hover for current items make background white */

.t-Body .a-MenuBar-item.a-Menu--current.is-focused .a-MenuBar-label {
    color: white !important;
}


/* ln 4196 - MenuBar - make the background of the bar white */

.t-Body .a-MenuBar>ul {
    background-color: white !important;
    margin-left: 0;
}


/* ln 4529 - Region - define background for Region Headers */

.t-Region-header {
    font-weight: bold;
    background-color: #eaeaea;
    /* for IE8+ where linear gradient doesn't work  */
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(50%, #f0f0f0), color-stop(100%, #eaeaea));
    background-image: -webkit-linear-gradient(top, #fafafa 0%, #f0f0f0 50%, #eaeaea 100%);
    background-image: -moz-linear-gradient(top, #fafafa 0%, #f0f0f0 50%, #eaeaea 100%);
    background-image: linear-gradient(to top, #fafafa 0%, #f0f0f0 50%, #eaeaea 100%);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #AAA;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}


/* ln 4546 - Region Header (noBorder) - undo gradient background image when we are no longer displaying a background */

.t-Region--noBorder>.t-Region-header {
    background-image: none;
}


/* ln 5111 - */

.t-Region .a-TreeView-node--topLevel .a-TreeView-row.is-focused {
    box-shadow: none;
}


/* ln 5151 - TreeView - ADD when selected have the content be bold */

.t-Region .a-TreeView-node--topLevel .a-TreeView-content.is-current,
.t-Region .a-TreeView-node--topLevel .a-TreeView-content.is-current--top,
.t-Region .a-TreeView-node--topLevel .a-TreeView-content.is-selected {
    font-weight: bold;
}


/* Override - EPA.Core.min.css */


/* ln 1398 - No Data Found - increase font-size to something like 12px */

.nodatafound {
    font-size: 0.8em;
}


/* ln 1469 - space of form */

form#wwvFlowForm {
    min-height: 75vh;
    /*background-color: #4f6067; */
}


/* ln 1569 - How much a Body content should take up space before the footer begins */

.t-Body-content {
    padding-bottom: 2em;
    /* unit won't work in IE */
}


/* adjusting the padding around the main frame */
.t-Body-contentInner {
    padding: 0px 32px;
}

.t-Body-mainContent {
    padding: 0!important;
    margin: 0!important;
}


.t-Breadcrumb {
    margin: 8px 32px;
}

/* ln 1867 - Breadcrumb Item - override font-size */
.t-Breadcrumb-item {
    font-size: 0.85rem;
}


/* ln 1888 - Breadcrumb - display the APEX breadcrumb */

.t-BreadcrumbRegion-breadcrumb {
    display: block;
}

/* ln 1892 - Breadcrumb - fix the padding so that it's aligned with the page title */

.t-BreadcrumbRegion-body {
    padding: 12px 12px 0px;
}
/* Adjust CONTACT US to be same size as breadcrumb */

.contact-us {
	font-size: 0.9rem;
}

/* ln 1980 - Bottons - spacing when a button is followed by another */

.t-Button+.t-Button {
    margin-left: .2rem;
}


/* ln 2084/1948 - Buttons - resize the buttons padding */

.t-Button {
    font-size: .95rem;
    padding: .3em .8em;
    font-weight: bold;
}


/* Fixing top navigation bar tabs */
.t-Button.t-Button--header{
    margin: 0 !important;
    padding: 8px 0 !important;
}

.t-Button.t-Button--header.js-menuButton:hover {
    border-bottom: 0;
}

.t-Button.t-Button--header.js-menuButton:hover:after {
    opacity: 0;
}

.t-Button.t-Button--header.js-menuButton:before {
    width: 68%;
}

.js-menuButton:focus, .js-menuButton:not([disabled]):focus {
    z-index: auto;
}

li.t-NavigationBar-item {
    margin: 0 1rem 0 0.5rem;
}

.t-Button--header.t-Button--navBar {
    vertical-align: middle;
}
/* ln 2206 - Icons - v-align */

/* removed this because it was messing up the breadcrumbs 
.a-Icon {
    vertical-align: middle;
}*/


/* ln 2367 - Icons - use fa-minus instead of carrot-down */

.a-Collapsible.is-expanded .a-Collapsible-icon:before,
.a-Icon.icon-down-arrow:before {
    font-family: FontAwesome!important;
    content: "\f068";
    /* fa fa-minus */
}


/* ln 2383 - Icons - use fa-plus instead of carrot-right */

.a-Collapsible.is-collapsed .a-Collapsible-icon:before,
.a-Icon.icon-irr-expand-row:before {
    font-family: FontAwesome!important;
    content: "\f067";
    /* fa fa-plus */
}


/* ln 2972 - Menu - disable transitions for Menu items for the Actions menu of interactive reports; overriding c.ss ln 1519 */
.a-Menu * {
    transition: none;
}


/* ln 3075 - Menu and MenuBar Buttons - append to Core a way to override s.css ln 1528 */
.a-Menu button.a-Menu-label,
.a-MenuBar button.a-MenuBar-label {
    background-image: initial;
}


/* ln 3249 - TreeView Node - slim down left-margin and left-padding */
.a-TreeView-node {
    padding-left: .25em;
    margin-left: 0;
}


/* ln 3329 - TreeView Content - reset font size, we don't want a static 12px font-size */
.a-TreeView-content {
    font-size: 0.9rem;
}


/* ln 3662 - Form Inputs - reset font-size from 1.2rem */
.t-Form-label,
.t-Form-field,
.t-Form-inputContainer input.datepicker,
.t-Form-inputContainer input.password,
.t-Form-inputContainer input.popup_lov,
.t-Form-inputContainer input.text_field,
.t-Form-inputContainer input[type=text],
.t-Form-inputContainer select.selectlist,
.t-Form-inputContainer select.yes_no,
.t-Form-inputContainer select[multiple],
.t-Form-inputContainer span.display_only,
.t-Form-inputContainer textarea.textarea,
.t-Form-select,
.t-Form-textarea,
.u-TF-item--datepicker,
.u-TF-item--select,
.u-TF-item--text,
.u-TF-item--textarea {
    /* I had set the padding as 0.4rem 0.2rem, but elsewhere it didn't look as good. Setting to standard 0.4rem*/
    padding: 0.4rem 0.2rem;
    font-size: 0.9rem;
}

.t-Form-inputContainer.col {
    padding: 0.4rem;
}

.ck-editor__editable {

}

/* make smaller font size for [row x of total] drop down */

.pagination .u-TF-item--select {
    font-size: .55em;
}

.t-Form-inputContainer span.display_only {
    padding-left: 0;
}


/* ln 3692 - Form Input - No need to bold inputs which are for display only */

.t-Form-inputContainer span.display_only {
    font-weight: normal;
}


/* ln 3756 - Form Inputs - ADD - for Checkboxes and Radio buttons so the label displays inline with input */

.t-Form-inputContainer .checkbox_group input[type=checkbox]+label,
.t-Form-inputContainer .radio_group input[type=radio]+label {
    display: inline;
}


/* ln 3780 - Form Inputs - Calendar was overlapping with input border */

.a-Button.a-Button--popupLOV,
.t-Form-inputContainer .a-Button--calendar,
.t-Form-inputContainer fieldset.lov .a-Button,
.u-TF-item--datepicker+.a-Button--calendar {
    margin-left: 0em;
}


/* ln 3849/3855 - Form Input Label/Field (NEW) a small font option used on 'Go to: [drop down]' on pg 42 */

.gme-Form-fieldContainer--small .t-Form-label,
.gme-Form-fieldContainer--small .t-Form-field,
.gme-Form-fieldContainer--small .t-Form-inputContainer input[type=text],
.gme-Form-fieldContainer--small .t-Form-select[size="1"],
.gme-Form-fieldContainer--small input.datepicker,
.gme-Form-fieldContainer--small input.password,
.gme-Form-fieldContainer--small input.popup_lov,
.gme-Form-fieldContainer--small input.text_field,
.gme-Form-fieldContainer--small select.selectlist[size="1"],
.gme-Form-fieldContainer--small select.yes_no,
.gme-Form-fieldContainer--small span.display_only {
    font-size: .9em;
    line-height: 1.5em;
    height: 2em;
}


/* ln 3898 - Form Inputs (slim) - make the slimPadding version slimmer */

.t-Form--slimPadding .t-Form-inputContainer,
.t-Form--slimPadding .t-Form-labelContainer {
    padding: .2rem;
}


/* ln 5149 - MenuBar - align all the menu items to the left */

.t-Header-navBar {
    font-size: .95em;
    text-align: left;
    line-height: unset;
}


/* ln 5379 - Interactive Report - reset font size */

.a-IRR {
    font-size: 100%;
}


/* ln 6436 - Region - specify a border for the region */

.t-Region {
    border: 1px solid #AAA;
}


/* ln 6443 - Region Content (slim) - be used for 'Blank with Attributes' and replace DIV Region with ID */

.t-Region-body.gme-slim {
    padding: .2em;
}


/* ln 6574 - Region Title Controls - mod specific for a-Collapsible, we want the whole region title to be clickable hence changed width from 1% to 100% */

.a-Collapsible .t-Region-headerItems--controls {
    width: 100%;
}


/* ln 6581 - Region Title - specify some padding for the region header */

.t-Region-headerItems--title {
    padding: .2em 0em .2em .8em;
}


/* ln 6581 - Region Title (no borders) - use slimmer padding when border are not used like on TOC for RI (pg 41) */

.t-Region--noBorder>.t-Region-header>.t-Region-headerItems--title {
    padding-left: .4em;
}


/* ln 6590 - Region Content - reset font size for the region body; Also reduce the line height from 2rem */

.t-Region-body {
    font-size: 0.9rem;
    line-height: 1.5;
}


/* ln 6590 - Region Content - reset font size for the region body */

.t-Region-body ul,
.t-Region-body ol {
    margin-top: 0em;
    /*margin-left: 1.2em;*/
    line-height: 1.35em;
}


/* ln 6933 - Classic Report (paging) - add some styles to the paging options so the Prev (is at the far left) TOT (is centred) Next (is at the far right) */

.t-Report-pagination,
.t-Report-pagination table {
    width: 100%;
    border: none;
    margin-bottom: 0em;
}


/* ln 1907 (s.css) - Pagination - remove borders defined by EPA's template for this class */

.t-Report-pagination th,
.t-Report-pagination td,
.t-Report-pagination table th,
.t-Report-pagination table td {
    border: none;
}


/* ln 6951 - Pagination (empty) - also set width to 0% so it doesn't affect those which are populated*/

td.pagination:empty {
    width: 0%;
}


/* added these styles so the spacing is even and consistently displayed */

td.pagination:nth-child(2) {
    text-align: left;
    width: 30%;
    display: table-cell;
}

td.pagination:nth-child(3) {
    text-align: center;
    width: 30%;
    display: table-cell;
}

td.pagination:nth-child(4) {
    text-align: right;
    width: 30%;
    display: table-cell;
}

.pagination>a:focus {
    color: #369;
    /* ln 1475 on s.css */
}


/* ln 7011 - Report Content - reset font-size */

.t-Report-cell,
.t-Report-colHead {
    font-size: 0.85rem;
}


/* Abt Custom Styles */


.fileinfo {
  color: #666;
  margin-left: 1em;
}

/* rounded, EPA blue rounded rectangle for the title; with white text */

.gme-detailsTitle {
    background: #369;
    border-radius: 5px;
    padding: .95em 0 .5em .5em;
}

.gme-detailsTitle>h3 a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.gme-body_text {
    max-height: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gme-body_text.expanded {
    /* for: expanding the body_text, no longer used as the readMores are now based on character length, not height. */
    max-height: none;
}

.gme-body_text.elipsis {
    /* for: showing there is additional text, added by EE 12/19/16 */
    display: inline;
}

.gme-body_text.expand {
    /* for: expanding the body_text, added by EE 12/19/16 */
    display: inline;
}

.gme-body_text.gme-question {
    display: inline;
}

.gme-body_text.gme-question {
    display: inline;
}

.gme-readToggle {
    /* for: the controller that expands and collapse the body_text 
		 	     ESE 8/22/16: changed from padding-bottom: 1.5em and padding-top: 0.8 em top-padding to 0.5em adn 0.5em */
	display: inline;
}

.gme-readToggle>a:focus {
    background-color: transparent;
    color: #2370c2;
    text-decoration: underline;
    outline: none;
}


/* These are styles for the Q&A viewer and the Q&A search previews */

.gme-question {
    font-weight: bold;
}

/* EE 2/10/20: Changing from div.gme-question+div.gme-answer {  */
div.gme-answer {
	display: inline;
    margin-top: 0.5em;
}

/* These are styles for the searches */
.record_link {
    float: right;
    margin-top: 2px;
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: grey;
}

.elipsis {
	display: inline;
}

.gmeGoTo {
	float: left;
}

/* 2016-08-22 - Adding hidden columns for the interactive report */

#BI,
#BII,
#BIII,
#BIV,
#BV,
#BVI,
#BVII,
#BVIII,
#BXI,
#BX,
td[headers="BI"],
td[headers="BII"],
td[headers="BIII"],
td[headers="BIV"],
td[headers="BV"],
td[headers="BVI"],
td[headers="BVII"],
td[headers="BVIII"],
td[headers="BIX"],
td[headers="BX"] {
    display: none;
}


/* 2016-0303 - Style for On this page TreeView */

#gme-on-this-page {
    padding-left: 0.5em
}

#gme-on-this-page>.a-TreeView {
    padding-left: 1em;
}

#gme-on-this-page .a-Icon.icon-tree-folder,
.gme-treeview-hide-icon .a-Icon.icon-tree-folder {
    /* hide icon which we don't use or display */
    display: none;
}

.disclaimerBlock {
    background: #f1f1f1;
    float: right;
    margin: 0 0 1rem;
    padding: .85rem 1.7rem;
    word-wrap: break-word;
}

.exitDisclaimerBlock {
    background-color: #aeb0b5;
    border-radius: 3px;
    color: #323a45 !important;
    display: inline-block;
    font-size: 0.75rem;
    margin: 0 .3333333333em;
    padding: 0 0.5em;
    text-decoration: none;
    text-transform: uppercase;
}

/* Given we might not be able to remove the <br> between questions and answers hence we'll have the answer div overlap the br tag in-order defines some padding but not a whole row */

/* 2016-0310b - TRI Specific (117) since it has one br in between */

th.a-IRR-header {
    font-weight: 700;
    padding: 0.5rem 0 0;
}

.a-IRR-table br+div.gme-answer {
    /* for Interactive Reports/Searches (pg 2) */
    margin-top: -0.5em;
}

.t-Report-cell br+div.gme-answer {
    /* for Card/Info Sections/Subject Browse (pg 7) */
    margin-top: -1em;
}


/* 2016-0314 - footnote like that which indicates the number of characters left */

.gme-footnote {
    font-size: 0.8em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}


/* Table of contents styles */
.tocGDtitle {
    font-weight: bold;
    font-size: 110%;
    padding-top: 2px;
}

.tocL0 {
    display: block;
    font-weight: bold;
    font-size: 120%;
    padding-left: 0em;
    margin: 0;
}

.tocL1 {
    display: block;
    font-size: 110%;
    padding-left: 2em;
    margin: 0;
}

.tocL2 {
    display: block;
    padding-left: 4em;
    margin: 0;
}

div.two-column {
    column-count: 2;
    column-gap: 40px;
    column-rule: 1px solid darkgrey;
    column-width: 350px;
    max-width:900px;
            } 

#FEDFAC, td[headers="FEDFAC"] {
    display: none; }

#QA_KEYWORD {
    width: 200px;
}

/* 2016-1209 hide table column in RFI */

#table_ii thead tr th:nth-of-type(7) {
    display: none;
}

#table_ii tbody tr td:nth-of-type(7) {
    display: none;
}

#table_ii thead tr th:nth-of-type(8) {
    display: none;
}

#table_ii tbody tr td:nth-of-type(8) {
    display: none;
}


/* 2017-0124 - add font-awesome carrot sign to indicate that there's a menu option for the selected Table Header */

a.a-IRR-headerLink:after {
    font: normal normal normal 18px/1px Font APEX Small;
    font-size: inherit;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    /* fa fa-caret-down */
    padding-left: 0.2em;
}

/* 2017-0125 - makes bullets tight */

.field-name-field-file>li {
    margin-top: 0em;
}


/* 2017-1108 - set up nicely formatted two columns divs. Initially used for Chemicals and Industries Guidance Document lists */

div.two-column {
    column-count: 2;
    column-gap: 40px;
    column-rule: 1px solid darkgrey;
    column-width: 350px;
    max-width: 900px;
}

/* Additional code for Quick-Links working with the div.two-column*/
.avoidBreak {
    break-inside: avoid;
}

.maxWidth1000 {
     max-width: 1000px !important;
}

/*header*/

.t-MenuBar .a-MenuBar-item {
    margin: 0 1px !important;
    border-style: solid !important;
    border-width: 1px 1px 0  !important;
    border-color: #ddd !important;
}

.a-MenuBar-label {
    line-height: unset;
}

.a-Menu--split.a-MenuBar-item>.a-MenuBar-label {
    padding-left: 8px;
    padding-right: 8px;
}

.t-Body .a-MenuBar-item>.a-Menu-subMenuCol .a-Icon {
    content: url("https://guideme.epa.gov/ords/guideme_ext/guideme_ext/guideme/file/down-squared.png");
}


.t-Body .a-Menu--current.a-MenuBar-item>.a-Menu-subMenuCol .a-Icon{
        filter: invert(100%) sepia(0%) saturate(324%) hue-rotate(79deg) brightness(115%) contrast(100%) !important;

}

.t-Body .is-expanded.a-MenuBar-item>.a-Menu-subMenuCol .a-Icon{
        filter: invert(100%) sepia(0%) saturate(324%) hue-rotate(79deg) brightness(115%) contrast(100%) !important;
        background-color: rgba(56,56,56,.8)!important;
}

.a-Menu-subMenuCol{
    padding-inline-start: 8px;
    padding-inline-end: 16px;
    width: 40px!important;
}

li.apex-rds-selected a {
    background-color: #dfdfdf !important;
    color: black !important;
}

.a-Region-carouselLink.t-Tabs-link {
    padding: 0 1.1765em;
    font-size: 0.95em;
    line-height: 2.4em;
    background: #164678;
}

.t-Tabs-link {
    color: white !important;
    font-size: 1.2em;
}

.a-Region-carouselLink.t-Tabs-link:hover {
    background-color: #369;
}

.fa .fa-caret-down,
.is_expanded .fa-caret-down {
    color: #fff;
}

/* Removing the arrow on the menu*/
.u-callout--bottom {
    display: none!important;
}

.a-Menu.a-Menu--top.has-callout {
    margin-top: 0;
}

/*header: submenu*/
.a-Menu-item {
    font-weight: bold;
}


/*content header*/

.t-Tabs.t-Tabs--simple {
    margin-bottom: 0;
    margin-top: 1em;
}

.t-Tabs-item {
    padding-right: 0.5em;
}

a.t-Tabs-link {
    color: #404040;
    background-color: #005ea2;
    padding: 0.5882em 1.1765em;
    text-decoration: none;
}

.t-Tabs--simple .t-Tabs-item.is-active .t-Tabs-link {
    box-shadow: none;
    background-color: #0076DF !important;
    color: #fff;
}

.t-Tabs--simple .t-Tabs-link:hover {
    background-color: #0076DF !important;
}

.t-Tabs--simple .apex-rds-selected .t-Tabs-link:hover {
    background-color: #0076DF !important;
}

.t-Body .a-MenuBar-item.a-Menu--current .a-MenuBar-label:hover {
    background-color: #0076DF;
}

.a-MenuBar-label:hover {
    background-color: #0076DF;
    /* #2578cf; */
}

.t-MenuBar .a-MenuBar-label:hover {
    color: white;
}

.t-MenuBar {
    background-color: white !important;
}

/* added code for automatic hover definitions */

p.definition, span.definition {
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #0072ff;
}

.noUnderline {
    border-bottom-style: none;
}

/* added for Examples and nested tables */

table.rfiExample {
    max-width:800px;
}

table.rfiExample td {
    background-color: #dddddd;
    border:1px solid black; 
}

.rfiExampleNested td {
    background-color: #f8f8f8;
}

div.example {
    max-width:800px;
    background-color: #dddddd;
    border:1px solid black; 
}

/*hide*/

a[data-return-value="dt_in_last_12_hours"],
a[data-return-value="dt_in_last_2_hours"],
a[data-return-value="dt_in_last_1_hours"] {
    display: none;
}

/*equation caption and text styles*/

.eqCaption {
    font-weight: bold;
    color: #0050b8;
    margin-left: 40px;
    margin-bottom:0px;
}

.eqCaption+.eqText{
    margin-top: 0;
}

.eqText {
    margin-left: 40px;
    font-size: 12px;
}

/* The aligns classes are applied for TDs, such as Table II */ 
.rightAlign {
    text-align: right;
}

.leftAlign {
    text-align: left;
}

.centerAlign {
    text-align: center;
}

/* Used for setting table widths */
table.mw600 {
	max-width: 600px
}

table.mw800 {
	max-width: 800px
}

table.mw1000 {
	max-width: 1000px
}

table.mw1200 {
	max-width: 1200px
}

table.mw1320 {
	max-width: 1320px
}

.docNavigation {
    text-align: center;
}

/* styles use on the tablesorter filters*/
.filterTable {
	margin-left: 5px;
	margin-right: 5px;
}

.filterReset {
	margin-left:0px;
}

.filterSearch {
	margin: 0 0.8rem;
    border-style: inset;
    border-color: rgb(92, 92, 92);
    border-width: 1px;
}	

.filterLable {
    font-weight: 500;
    float: left;
}

.row-count {
	display: block;
    float: left;
    font-weight: 500;
}

.t-Region-body .exitDisclaimer, .slideBody .exitDisclaimer, .slideQaBody .exitDisclaimer {
    background-color: #aeb0b5;
    border-radius: 3px;
    color: #323a45 !important;
    display: inline-block;
    font-size: 0.75rem;
    margin: 0 .3333333333em;
    padding: 0 0.5em;
    text-decoration: none;
    text-transform: uppercase;
}

.t-Region-body .exitDisclaimer:hover, .t-Region-body .exitDisclaimer:active, .t-Region-body .en-ingles, .t-Region-body .en-ingles:hover, .t-Region-body .en-ingles:active, .t-Region-body .epa-archive-link, .t-Region-body .epa-archive-link:hover, .t-Region-body .epa-archive-link:active {
    font-size: 0.75rem;
}

.slideQaFooter {
    padding: 0 20px;
}

/* Copied in from EPA page to replicate footer styles */
.l-page__footer .l-constrain, .l-page__footer .block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.l-page__footer {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

/* generally needed padding for the info-tip */
.infotip {
    padding-left: 10px
}

/* CSS Loading Animation */
.loader, .loader:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    text-align: center;
}

.loader {
    margin: 10px auto;
    font-size: 14px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.7em solid rgba(51,102,153, 0.2);
    border-right: 0.7em solid rgba(51,102,153, 0.2);
    border-bottom: 0.7em solid rgba(51,102,153, 0.2);
    border-left: 0.7em solid #336699;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.clickable_form {
    width: 100%;
}

.formLink {
    text-decoration: none;
}

.selectorFormR, .selectorFormA, .selectorFormS {
    float: left;
    width: 33.33%;
    text-align: center;
    padding-right: 30px;
}

.selectorFormContainer .formSelected {
	color: black;
    font-weight: bold;
	outline: none;
	background-color: transparent;
}

.selectorCurPage {
    font-weight: bold;
    text-decoration: underline;
}

/* for the icon representing truncation */
.fa-chevron-circle-right {
    margin-left: 4px;
}
.slideBody p, h5 {
    padding-top: 0;
    margin-top: 0;
}

/* Q&A Search Styles below */
.wrapLink {
    cursor: pointer;
}

.halfBreak{
    line-height: 0.5;
}

.inlineIcon {
    vertical-align: top;
    color: #369;
    padding-left: 5px;
}

#QA_REPORT_search_button {
    border: 1px solid #AAAAAA;
    padding: 0px 10px 0 23px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
}

#QA_REPORT_search_button:before {
    content: "\f002";
    opacity: 1;
    font-size: 14px;
    font-family: 'Font APEX Small';
    line-height: 31px;
    text-align: left;
    padding-left: 7px;
    -webkit-font-smoothing: antialiased;
}

.t-Button .t-Icon--left.fa.fa-rotate-left {
    vertical-align: initial;
}

/*#QA_REPORT_search_button:after {
    content: "Search";
}*/

#QA_TOPIC {
    min-width: 300px;
}

#QA_KEYWORD {
    min-width: 200px;
}

#QA_REPORT_sort_widget {
    min-width: 300px;
}

#QA_REPORT_column_search_root {
    display: none;
}

.a-IRR-controlsIcon {
    display: none;
}

.a-IRR-controls-cell:nth-child(2) {
    display: none;
}

.a-IRR-controls-cell:first-child {
    border-right: 1px solid #f0f0f0;
}

.a-IRR-controlsCheckboxLabel {
    font-weight: bold !important;
}

.a-IRR-controlsCheckboxLabel:before {
    font-size: 13px;
    color: #000;
}

.a-Icon.icon-remove:before {
    color: #666;
    font-weight: bold !important;
}

.a-IRR-search-field {
    border: 1px solid #AAAAAA;
    border-width: 1px 0 1px 1px;
}

.a-IRR-button--search {
    height: 32px;
}

.a-MediaBlock-graphic {
    display: none;
}

/* may not be needed as the regions turn into span type presentations rather than <P> or page items */
.mt0 {
     margin-top:0;
}

.fa, .fa.fa-sm, .force-fa-lg .fa.fa-sm {
    font-size: 14px;
    vertical-align: baseline;
}

.a-Menu-subMenuCol .fa-chevron-down {
    font-size: 10px;
    padding: 0 2px;
    color: black;
}

.a-Menu--current i.fa-chevron-down {
    color:white!important;
}

.a-Icon.icon-down-chevron:before {
    font-weight: 800;
}

.fa-link {
    vertical-align: super;
    font-weight: bold;
}

.t-Header-navBar .a-Menu-inner a:focus {
    background-color: transparent;
}

/* Chemical search  */

.chemHover {
	min-width: 400px;
	max-width: 1000px;
}

.chemName {
	display: block;
	min-width: 300px;
}

.casrn {
   display: block;
   width: 100px;
}

.chemDetails {
	max-width: 560px;
	float: left; 
	padding: 2px;
}

.chemDescription {
	float: right;
	max-width: 400px; 
	padding: 2px;
	margin-left: 40px;
}

.chemText {
	max-width: 300px;
}

.tn-border {
  border: 1px #164678 dotted;
}

.hoverChemicalImage {
    background-repeat: no-repeat;
}

.tooltipster-box .hoverChemicalImage {
    display: block;
    position: relative;
} 

#advanced_search_column_search_root {
    display: none;
}

/* Disabling the add magnifying glass function on the interactive reports
#advanced_search_search_button {
    border: 1px solid #AAAAAA;
    padding: 7px 12px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
}

#advanced_search_search_button span {
    display: none;


#advanced_search_search_button:before {
    content: "\f002";
    font-size: 14px;
    font-family: 'Font APEX Small';
    line-height: 0;
    vertical-align: sub;
    padding-right: 5px;
    -webkit-font-smoothing: antialiased;
}

#advanced_search_search_button:after {
    content: "Search";
}

#advanced_search_actions_button {
    height: 32px;
}

#COR_REPORT_column_search_root {
    display: none;
}

#COR_REPORT_search_button {
    border: 1px solid #AAAAAA;
    padding: 7px 12px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
}

#COR_REPORT_search_button span {
    display: none;
}

#COR_REPORT_search_button:before {
    content: "\f002";
    font-size: 14px;
    font-family: 'Font APEX Small';
    line-height: 0;
    vertical-align: sub;
    padding-right: 5px;
    -webkit-font-smoothing: antialiased;
}

#COR_REPORT_search_button:after {
    content: "Search";
}

#COR_REPORT_actions_button {
    height: 32px;
} */

.col>.t-Form-fieldContainer {
    margin: 0;
}

select#P140_TARGET, select#P150_TABLE_ID {
    width: 17%;
}

/*
.t-Form-fieldContainer--floatingLabel .t-Form-label {
    line-height: 4.1rem;
    font-size: 1.2rem;
}


.t-Form-fieldContainer--floatingLabel .apex-item-text, .t-Form-inputContainer input.text_field, .t-Form-inputContainer input.number_field {
    min-height: auto;
    height: 3rem;
    padding: 2.5rem 0.8rem 1.5rem;
}

.t-Form-fieldContainer--floatingLabel .t-Form-inputContainer textarea.textarea {
    padding: 1.8rem 0.8rem;
}

#P101_USERNAME {
    padding: 1.1rem 0.2rem 1.1rem;
    height: 0;
}

.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-jet .t-Form-label {
    line-height: 2.5rem;
}

.t-Form-fieldContainer--floatingLabel .oj-inputdatetime-input-container.oj-text-field-container {
    height: 4rem;
}

.t-Form-fieldContainer--floatingLabel .oj-text-field-middle .oj-inputdatetime-input {
    padding: 2rem 0.8rem 0.8rem;
}*/

.usa-table .a-IRR-header .t-fht-cell {
    background-color: #1b1b1b;
    margin-top: 0.5rem;
}

.t-Body-title > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.l-header__menu-button {
    display: none;
}

.not-current {
    font-weight: 400!important;
}

.current-chapter, .current-guidance {
    font-weight: 700!important;
}


/* Left Sidebar Navigation */
#nav_contain_id.t-Region .t-Region-body {
    padding: 0;
}

#nav_contain_id .t-LinksList-item.is-current>ul li span {
    font-weight: normal;
}

#nav_in_page_id > li, #nav_in_page_id > li.t-LinksList-item.is-current.is-expanded > ul > li {
    font-size: 0.95em;
}
/* EA */
/*#nav_in_page_id .t-LinksList-link {
    display: inline;  
}*/
 
#nav_in_page_id a:focus,
#nav_in_page_id a:focus-visible,
#nav_in_page_id a:active {
    outline: none !important;  
    border: none !important;  
    box-shadow: none !important;  
    background-color: transparent !important;
}
 
.t-LinksList-link::before {
    content: none !important; 
    display: none !important;  
}

#nav_in_page_id {
    white-space: nowrap;
}

#nav_in_page_id ul li.is-current.active-view a span.t-LinksList-label {
    font-weight: bold !important;
}

#nav_in_page_id ul li.is-current.nonactive a span.t-LinksList-label {
    font-weight: normal !important;
} 

.active-link-text {
    font-weight: bold !important;
}
 
  
/* EA */

#nav_in_page_id .t-LinksList-list {
    display: inline;
}

#nav_contain_id  .t-LinksList-label {
    padding: 6px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*width: 275px;*/
    width: -webkit-fill-available;
}

#nav_contain_id .t-LinksList-list .t-LinksList-item {
    padding-left: 8px;
    padding-right: 2px;
}

#nav_contain_id .t-LinksList-link:visited span {
    color: #4d8e4d;
}

#nav_contain_id span.a-Icon {
    margin-left: -12px !important;
    vertical-align: sub;
}

#nav_in_page_id > li > ul > li.nonactive > a > .a-Icon, #nav_in_page_id > li > ul > li > ul > li.nonactive > a > .a-Icon {
    position: absolute;
    top: 9px;
}

#nav_contain_id .is-expanded>a {
    display: inline-table;
}

#nav_contain_id li>ul>li.t-sublist2>a span.t-LinksList-label {
    width: auto;
}

#nav_contain_id .t-LinksList-list li.t-sublist2, #nav_contain_id .t-LinksList-list li.t-sublist2 ul li:first-child, #nav_in_page_id > li.t-LinksList-item.is-expanded > ul > li:first-child {
    margin-top: -5px;
}

#nav_contain_id .t-LinksList-list li.t-LinksList-item {
    margin-bottom: -5px;
}

#nav_contain_id .t-LinksList-list .t-LinksList-list li.t-LinksList-item:last-child {
    margin-bottom: -20px;
}

#nav_contain_id [href]:focus {
    outline-offset: -4px;
}

.gmeJump {
    display: flex;
}

.gmeJump select.selectlist {
    width: 100%;
}

.t-Region-header {
    display: inline-block;
}

.t-Region-headerItems--buttons {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
}

#P11_TARGET_CONTAINER .apex-item-select[size="1"] {
    width: 100%;
}

#P11_TERM_CONTAINER .t-Form-inputContainer input.text_field {
    padding: 1rem 0.8rem 1rem;
}

.t-Form-fieldContainer .t-Form-labelContainer {
    padding: .5rem;
}

.col-2 .t-Body-nav {
    background-color: transparent !important;
    border: none !important;
    width: 100%;
}

.col-2 .t-Body-nav .t-TreeNav, .col-2 .t-Body-nav .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
    background-color: transparent !important;
}

.col-2 .t-Body-nav .a-TreeView-content, .col-2 .t-Body-nav .a-Icon, .col-2 .t-Body-nav .a-TreeView-content .fa {
    color: #000000 !important;
}

.col-2 .t-Body-nav .a-TreeView-content .fa {
    display: none;
}

.col-2 .t-Body-nav .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-hover {
    color: #1a4480 !important;
    text-decoration: underline;
}

.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content .a-TreeView-label {
    position: initial !important;
    visibility: visible !important;
    width: auto !important;
}


@media only screen and (max-width: 991px) {
    .t-Region-headerItems--buttons {
        text-align: left !important;
    }
}