/*************************************************/
/* Agency Color Palettes - Forest Theme          */
/*************************************************/
/* Agency Banner Styles                          */
/*************************************************/

.agency_banner_td {
    background-color: #455B1B;
    height: 50px;
}

.agency_banner_txt {
    margin-left: 15px;
}

.agency_banner_txt a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 125%;
    font-weight: bolder;
    color: #FFFFFF;
    text-decoration: none;
}

.agency_banner_txt a:hover {
    text-decoration: underline;
}

.agency_banner_img {
    text-align: right;
}

.agency_banner_img img {
    margin-bottom: 0px;
    margin-left: 0px;
    /* height: 44px;
    width: 179px; */
}

.agency_banner_bottom_shade {
    background-image: url(/images/images_v3/agency_banner_shade.gif);
    background-repeat: repeat-x;
    height: 5px;
}

/*************************************************/
/* Agency Left Navigation Styles                 */
/*************************************************/

.agency_menu_td {
    width: 10%;
    background-color: #D1D5C6;
}

.gnb_wrapper {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.gnb_wrapper_null {
    height: 48px;
}

.left_links {
    margin-top: 0px;
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 0px;
    padding-left: 0px;
    text-align: left;
    vertical-align: middle;
    list-style-type: none;
}

.left_links li {
    margin-top: 0.28em;
    margin-bottom: 0.28em;
    padding-top: 0.28em;
    padding-bottom: 0.29em;

}

.left_links a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    line-height: 1em; 
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.left_links a:hover {
    text-decoration:underline;
} 

/*************************************************/
/* Tier 3 Styles                                 */
/*************************************************/

.agency_body_right_td {
    width: 100%;
    background-color: #FFFFFF;
}

.boxColor1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-style: normal;
    /* line-height: 14px; */
    line-height: 1.25em;
    font-weight: normal;
    /* color: #bccbe5; */
    color: #FFFFFF;
    text-align: left;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    vertical-align: top;
    word-spacing: normal;
    background-color: #455B1B;
}

.link-map {
    background-color: #DDFFDD;
}

footer {
    margin-top: 2em;
}

footer b.column-header {
    font-size: x-large;
    line-height: 2em;
}

section {
    margin-top: 3em;
}

table.scaling-locations {
    font-size: small;
}

table.scaling-locations caption {
    font-size: x-large;
    margin-bottom: 0.5em;
}

table.scaling-locations th {
    align: center;
    padding: 0.3em;
    font-family: "Arial Narrow";
}

table.scaling-locations td {
    padding: 0.3em;
    font-family: "Arial Narrow";
}

.nowrap {
    white-space: nowrap;
}

.prospectus-item {
    margin-bottom: 0.5em;
}

.prospectus-item h2 {
    font-size: x-large;
    line-height: 1;
}

dialog {
    background: #3b4540ff;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

/* Style the dimmed background */
dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.dialog-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

a[href$=".pdf" i]:after {
    content: " (PDF)";
}

a[class*="pdf-pre-ada-requirement" i]:after {
    content: " (Archived PDF)";
}

div.dt-buttons span.dt-button-down-arrow {
    font-size: 1em;
}

/*************************************************/
/* Bootstrap overrides                           */
/*************************************************/

label {
    display: inline;
}

fieldset.district-selector {
    background-color: #DDFFDD;
    padding-bottom: 2em;
}

fieldset.district-selector legend {
    background-color: white;
}

fieldset.district-selector ul {
    list-style-type: none;
}

fieldset.district-selector li {
    line-height: 2em;
}

/*************************************************/
/* ADA overrides                                 */
/*************************************************/

a {
    color: hsl(200 100% 34%);
    text-decoration: underline;
    text-underline-offset: 2px;
    line-height: 1.7em;
}

a:hover, a:focus {
    text-decoration-thickness: 2px;
}

footer li:has(a) {
    /* ADA spacing for link touch targets */
    margin-bottom: 0.5em;
}

.alert {
    color: #785c2c;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

table.dataTable span.dtcc {
    /* ADA spacing for column control touch targets */
    display: flex;
    gap: 2px;
    padding: 0px;
}

.breadcrumb .active {
    color: hsl(0 0% 44%);
}

.breadcrumb .divider {
    color: hsl(0 0% 44%);
}