/*@media only screen and (max-width: 330px) {
    .navbar-brand-xs {
        font-size: small;
    }
}
*/

@media (max-width: 575.98px) {
    .brand {
        font-size: 1rem;
        text-decoration: none;
        color: white;
    }
}

@media (max-width: 1399.98px) {
    .brand {
        font-size: 1.25rem;
        text-decoration: none;
        color: white;
    }
}

@media (min-width: 1400px) {
    .brand {
        font-size: 1.25rem;
        text-decoration: none;
        color: white;
    }
}

/* ZZZ 12/22/25 - added following item */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* ZZZ 02/04/26 - added following item */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 100;
    background-color: #000;
    color: #fff !important;
    padding: 8px;
    text-decoration: none;
}

    .skip-link:focus {
        top: 0;
    }

/* ZZZ 02/05/26 - added following item */
/* Set default font-size for most ASP.NET controls */
asp\:Label, asp\:TextBox, asp\:Button, asp\:LinkButton, asp\:CheckBox, asp\:DropDownList, asp\:RadioButton, asp\:FileUpload,
asp\:CustomValidator, asp\:RegularExpressionValidator, asp\:Image,
asp\:GridView, asp\:Repeater, asp\:ListView, .form-control, .form-group, .form-select {
    font-size: 16px !important;
}

/* ZZZ 02/05/26 - added following item */
/* Ensure labels inside .form-group are 16px */
asp\:Label, label {
    font-size: 16px !important;
}

/* ZZZ 02/05/26 - added following item */
/* Ensure all form controls (TextBox, DropDownList, etc.) are 16px */
.form-control, .form-select, .form-group .form-control, .form-group .form-select {
    font-size: 16px !important;
}

/* ZZZ 02/05/26 - added following item */
/* Specifically target the dropdown and label within the row */
.row .col-xs-12 .form-control, .row .col-xs-12 .form-select, .row .col-xs-12 asp\:Label {
    font-size: 16px !important;
}

/* ZZZ 02/05/26 - added following item */
/* Set default font-size for TabContainer */
asp\:TabContainer {
    font-size: 16px !important;
}

/* ZZZ 02/05/26 - added following item */
/* Set font-size for TabPanel itself */
asp\:TabPanel {
    font-size: 16px !important;
}

    /* Set font-size for controls inside TabPanels */
    asp\:TabPanel .form-control, asp\:TabPanel asp\:Label, asp\:TabPanel asp\:Button, asp\:TabPanel asp\:LinkButton,
    asp\:TabPanel asp\:CheckBox, asp\:TabPanel asp\:DropDownList, asp\:TabPanel asp\:RadioButton {
        font-size: 16px !important;
    }

/* ZZZ 02/05/26 - added following item */
/* Force 16px font size for everything inside .ajax__tab_body */
/* Use the most specific selector possible for tab body and labels */
html body #tcAdmin .ajax__tab_body,
html body #tcAdmin .ajax__tab_body * {
    font-size: 16px !important;
    line-height: 1.5em !important; /* Optional: Better readability */
}

    /* Specifically target labels within .ajax__tab_body */
    html body #tcAdmin .ajax__tab_body asp\:Label {
        font-size: 16px !important;
    }

/* ZZZ 02/05/26 - added following item */
/* Ensure GridView headers and cells have 16px font-size, overriding Bootstrap styles */
asp\:GridView,
asp\:GridView th, /* Target the headers */
asp\:GridView td, /* Target the cells */
.table,
.table-striped,
.table-bordered {
    font-size: 16px !important;
}

    /* Ensure buttons, links, checkboxes inside GridView also get 16px */
    asp\:GridView .btn,
    asp\:GridView .form-control,
    asp\:GridView .form-select,
    asp\:GridView .asp\:Button,
    asp\:GridView .asp\:CheckBox,
    asp\:GridView .asp\:DropDownList {
        font-size: 16px !important;
    }

/* ZZZ 02/05/26 - added following item */
.accordionHeader {
    font-size: 16px !important;
}

/* ZZZ 02/02/26 - added following item */
/* Accessible Bootstrap Warning Text */
.alert-warning {
    color: #664d03 !important; /* A deep, accessible gold/brown */
    background-color: #fff3cd; /* Standard Bootstrap light yellow */
    border-color: #ffecb5;
}

/* ZZZ 01/22/26 - added following item */
/* Only show the alert background if the summary actually has content */
.alert-danger:empty {
    display: none;
}

/* ZZZ 01/22/26 - added following item */
/* Hide the alert container if the Validation Summary inside it is hidden */
.alert-danger:has(> .aspNetDisabled),
.alert-danger:has(> [style*="display: none"]),
.alert-danger:has(> [style*="display:none"]) {
    display: none;
}

/* ??? 09/25/24 - changed following item */
.page-heading-1 {
    /*color: #317EAC;*/
    color: #044C92;
    font-size: 2.375rem; /* ~38px */
    font-weight: 600;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* ??? 09/25/24 - changed following item */
.page-heading-2 {
    /*color: #317EAC;*/
    color: #044C92;
    font-size: 1.875rem; /* ~30px */ /*font-weight: 600;*/
    font-weight: 500;
    margin: 0.2rem 0 0 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

@media only screen and (max-width: 320px) {
    .page-heading-1 {
        /*font-size: large;*/
        font-size: 1.25rem;
    }
    .page-heading-2 {
        /*font-size: medium;*/
        font-size: 1rem;
    }
}

@media only screen and (min-width: 321px) and (max-width: 440px) {
    .page-heading-1 {
        /*font-size: x-large;*/
        font-size: 1.75rem;
    }
    .page-heading-2 {
        /*font-size: large;*/
        font-size: 1.25rem;
    }
}

.navColor {
    background-color: #044C92;
}

/* ??? 09/24/24 - changed following item */
.card-header {
    background-color: #044C92;
    /*background-color: #2FA4E7;*/
    color: white;
}

    /* ??? 01/13/25 - added following item */
    .card-header .customDropdown:focus-visible {
        outline: 4px solid #00FFFF !important;
    }

/* ??? 09/24/24 - added following item */
.nav-link {
    color: white;
    /* ZZZ 02/05/26 - added following item */
    font-size: 16px;
}

/* ??? 02/07/24 - added following item */
.closeLink {
    /*padding-block: 8em;*/
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 2em;
    margin: -2em;
}

.btnMargin {
    margin-bottom: 5px;
}

/* ZZZ 01/15/26 - added following item */
/* 1. BASE STYLE: High contrast blue + Bold text */
.btn-primary {
    background-color: #0A58CA;
    border-color: #0A58CA;
    color: #FFFFFF;
    font-weight: 700; /* Your hybrid bold choice */
}

    /* 2. HOVER STYLE: Darker blue to ensure contrast remains high on hover */
    .btn-primary:hover {
        background-color: #084298;
        border-color: #084298;
        color: #FFFFFF;
    }

    /* 3. ACTIVE/CLICKED STYLE: Deepest blue for clear feedback */
    .btn-primary:active {
        background-color: #052c65 !important;
        border-color: #052c65 !important;
    }

    /* 4. THE FOCUS HALO: Your Electric Cyan update */
    /* We use :focus-visible so the halo only appears for keyboard users */
    .btn-primary:focus-visible {
        outline: 3px solid #00FFFF !important;
        outline-offset: 2px !important;
        box-shadow: none !important; /* Removes the default Bootstrap glow */
    }

    /* Fallback for older browsers that don't support :focus-visible */
    .btn-primary:focus:not(:focus-visible) {
        box-shadow: none;
    }

/* ZZZ 01/15/26 - added following item */
/* --- SECONDARY BUTTONS (GRAY) --- */
.btn-secondary {
    background-color: #545B62;
    border-color: #545B62;
    color: #FFFFFF;
    font-weight: 700;
}

    .btn-secondary:hover {
        background-color: #343A40;
        border-color: #343A40;
    }

    .btn-secondary:focus-visible {
        outline: 3px solid #00FFFF !important;
        outline-offset: 2px;
        box-shadow: none !important;
    }

/* ZZZ 01/15/26 - added following item */
/* --- DANGER BUTTONS (RED) --- */
.btn-danger {
    background-color: #C82333;
    border-color: #C82333;
    color: #FFFFFF;
    font-weight: 700;
}

    .btn-danger:hover {
        background-color: #A21B29;
        border-color: #A21B29;
    }

    .btn-danger:focus-visible {
        outline: 3px solid #00FFFF !important;
        outline-offset: 2px;
        box-shadow: none !important;
    }

/* ZZZ 01/15/26 - added following item */
/* --- ACCESSIBLE TEXT LINKS --- */
/* Target links that are NOT buttons AND NOT in the navbar */
a:not(.btn):not(.nav-link):not(.navbar-brand) {
    color: #044C92; /* Your high-contrast Navbar Blue */
    text-decoration: underline; /* Essential for WCAG non-color distinction */
    font-weight: 500; /* Medium weight for better legibility on white */
    transition: color 0.15s ease-in-out;
}

    /* Hover state for text links */
    a:not(.btn):not(.nav-link):not(.navbar-brand):hover {
        color: #084298; /* Slightly darker/different blue */
        text-decoration: none; /* Visual toggle on hover */
    }

    /* Visited state - optional, but keeps colors consistent */
    a:not(.btn):visited {
        color: #044C92;
    }

    /* Focus state - The Electric Cyan Halo */
    a:not(.btn):focus-visible {
        outline: 3px solid #00FFFF !important; /* Electric Cyan */
        outline-offset: 2px;
        border-radius: 2px;
        box-shadow: none !important;
    }

    /* Fallback for older browsers */
    a:not(.btn):focus {
        outline: 3px solid #00FFFF;
        outline-offset: 2px;
    }

/* ZZZ 01/20/26 - added following item */
/* Normal state - ensures it behaves like a button */
.img-checkbox {
    cursor: pointer;
    transition: filter 0.2s; /* Makes the hover feel smooth */
}

    /* Hover state - dims the image slightly so the user knows it's interactive */
    .img-checkbox:hover {
        filter: brightness(85%);
    }

    /* Focus state - Your Electric Cyan halo takes priority here */
    .img-checkbox:focus-visible {
        outline: 3px solid #00FFFF !important;
        outline-offset: 2px;
        border-radius: 2px;
    }

    /* Fallback for older browsers */
    .img-checkbox:focus {
        outline: 3px solid #00FFFF !important;
        outline-offset: 2px;
    }
    
/* ZZZ 01/15/26 - added following item */
/* --- NAVBAR LINKS & BRAND --- */
/* 1. Base State: Make text visible (White) and remove underlines */
.navbar-nav .nav-link,
.brand {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-weight: 500;
}

    /* 2. Hover State: Visual feedback in the navbar */
    .navbar-nav .nav-link:hover,
    .brand:hover {
        color: #00FFFF !important; /* Electric Cyan text on hover */
        text-decoration: underline !important;
    }

    /* 3. Focus State: Your Electric Cyan Halo (Merged) */
    .navbar-nav .nav-link:focus-visible,
    .brand:focus-visible {
        outline: 3px solid #00FFFF !important;
        outline-offset: 2px;
        box-shadow: none !important;
        border-radius: 4px;
    }

    /* 4. Focus Fallback for older browsers */
    .navbar-nav .nav-link:focus,
    .brand:focus {
        outline: 3px solid #00FFFF !important;
        outline-offset: 2px;
        box-shadow: none !important;
    }

/* ZZZ 01/15/26 - added following item */
/* Target all Bootstrap text inputs, textareas, and selects */
.form-control:focus, .form-select:focus {
    border-color: #000000 !important; /* Darken the actual border */
    outline: 3px solid #000000 !important; /* Add the thick black ring */
    outline-offset: 1px !important; /* A tiny gap keeps it looking clean */
    box-shadow: none !important; /* Remove the default Bootstrap blue glow */
}

.linkMargin {
    /*display: block;*/
    display: inline-flex;
    margin-bottom: 5px;
}

/*body {
  margin-top: 4em;
}*/

.contentArea {
    margin-top: 2em;
}

/* ZZZ 11/20/25 - added following item */
.notVisible {
    display: none; 
}

/* ZZZ 12/02/25 - added following item */
/* Focus outline for keyboard navigation */
.ajax__tab_header a.ajax__tab_tab:focus {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
    background-color: #e6f0ff;
}
/* ZZZ 12/02/25 - added following item */
/* Active tab styling */
.ajax__tab_active a.ajax__tab_tab {
    background-color: #cce0ff;
    font-weight: bold;
    border-bottom: 2px solid #005fcc;
}

/* StatementPage */
.listTemplate td
{
    padding-left: 15px;
    padding-right: 15px;
}

.greenText {
    color: #00cc66;
}

.checkboxLabel {
    background-color: lightgrey;
    width: 80px;
    display: inline-block;
    padding: 0.5em;
    margin-bottom: 0.25em;
}
/* end */

/* Login control */
.loginControl {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 15px;*/
    /* ZZZ 02/05/26 - commented out following line */
    /*font-size: 11px;*/
    /* ZZZ 02/05/26 - added following line */
    font-size: 16px;
    /*line-height: 35px;*/
    /*line-height: 30px;*/
    line-height: 20px;
    width: 100%;
}

.validator
{
    color: #FF0000;
}

.lbl {
    /* ZZZ 02/05/26 - uncommented following line */
    width: 100px;
    /*width: 68px;*/
    /* ZZZ 02/05/26 - commented out following line */
    /*width: 85px;*/
    text-align: left;
    /*vertical-align: middle;*/
    /*font-weight: bold;*/
    font-weight: normal;
    /* ZZZ 02/05/26 - commented out following line */
    /*font-size: 14px;*/
    /* ZZZ 02/05/26 - added following line */
    font-size: 16px;
}

.title
{
    visibility:hidden;
}

.otherLink {
    font-family: Arial, Helvetica, sans-serif;
    /* ZZZ 02/05/26 - commented out following line */
    /*font-size: 11px;*/
    line-height: 20px;
    width: 100%;
    margin-top: 1em;
    /* ZZZ 02/05/26 - added following line */
    font-size: 16px;
}
/* end */

/*GridViewCSS Soft Grey Style*/

.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:medium;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 1px solid;
}

/*.GridViewStyle th
{
    text-align: right;
}*/

.SelectedRowStyleMerge td {
    background-color: yellow;
    background-position: center;
    background-repeat: repeat-x;
}

/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(Images/YahooSprite.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#d1dbe0;
}
.HeaderStyle th
{
    padding: 5px;
    color: #16387c;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#16387c;
    display:block;
    text-align: left;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #91a7b4 1px solid;
}
.PagerStyle a
{
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #91a7b4;
    border-bottom:solid 1px #91a7b4;
    border-left:solid 1px #fff;
}
.PagerStyle span
{
    font-weight:bold;
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .SelectedRowStyle2 td, .EditRowStyle td /*Common Styles*/
{
    padding: 12px;
    border-right: solid 1px #91a7b4;
    vertical-align: middle;
}
.RowStyle td
{
    background-color: #f1f5f6;
}
.AltRowStyle td
{
    /*background-color: #9ab2ca;*/
    background-color: #cce6ff;
	background-image: url(Images/YahooSprite.gif);
    background-position:0 -80px;
    background-repeat:repeat-x;
}
.SelectedRowStyle td
{
    background-color: #fcb814;
	background-image: url(Images/YahooSprite.gif);
    background-position:center;
    background-repeat:repeat-x;
}

.SelectedRowStyle3 td
{
    background-color: yellow;
	background-image: url(Images/YahooSprite.gif);
    background-position:center;
    background-repeat:repeat-x;
}

/* can't get this to work - keeps having border - ended up leaving blank when no records */
.EmptyRowStyle td {
    color: red;
    font-weight: bold;
    border-style: none;
    border-style: none;
}
/* end */

.modalBackground
{
  background-color:#CCCCFF;
  /*filter:alpha(opacity=40);*/
  opacity:0.5;
}

.ModalWindow
{
    border: 2px solid darkgray;
    border-radius: 10px;
    background: #F0F0F0;
    padding: 10px;
    position: absolute;
    top: -1000px;
    min-width: 300px;
    max-width: 700px;
}

.answerBlock {
  border: 0.08em solid gray;
  /*margin: 0.5em 0.5em 0.5em 0.5em;*/
  margin: 1em 1em 1em 1em;
  /*padding: 0.5em 0.5em 0.5em 0.5em;*/
  padding: 1em 1em 1em 1em;
}

/* tried this to stop zoom when touching textbox on mobile - did not work */
/*input[type="text"], textarea
{
    font-size: 16px;
}*/

/* tried this to stop zoom when touching textbox on mobile - did not work */
/*input[type="text"]:focus,
textarea:focus {
    -webkit-text-size-adjust: 100%;
}*/

/* tried this to stop zoom when touching textbox on mobile - did not work */
/*select:focus,
textarea:focus,
input:focus,
input[type='search'],
input[type='text'],
input[type='number'],
input[type="password"],
textarea {
  font-size: 16px;
  background-color: aquamarine;
}*/

/* tried this to stop zoom when touching textbox on mobile - did not work */
/*input.textbox:focus, input.textbox:active {
    font-size: 16px;
    background-color: aquamarine;
}*/

/* tried this to stop zoom when touching textbox on mobile - did not work */
/*.form-control {
    font-size: 16px !important;
    background-color: aquamarine;
}*/

/* tried this to stop zoom when touching textbox on mobile - did not work */
/*body,
.form-control, 
.form-control:focus, 
.form-control:active, 
input.textbox:focus, 
input.textbox:active, 
input.textbox, 
select:focus,
textarea:focus,
input:focus,
input[type='search'],
input[type='text'],
input[type='number'],
input[type="password"],
textarea {
    font-size: 16px !important;
    background-color: aquamarine;
}*/

/* tried this to stop bad cursor position in new board member popup on iPhone - it worked in Safari but not in Chrome */
body.modal-open {
    position: fixed;
    width: 100%;
}

.RadioButtons Label
{
    margin-right: 10px;
    margin-left: 3px;
}

/* -- Reports Accordion -- */
.accordion {  
    width: 650px;  
}  
          
.accordionHeader {  
    font-family: Arial, Sans-Serif;  
    font-size: 14px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionHeaderSelected {  
    font-family: Arial, Sans-Serif;  
    font-size: 14px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionContent {  
    font-size: 13px;
    color: dimgrey;
    border: 1px solid dimgrey;  
    margin: 5px;
    margin-left: 15px;
    padding: 5px;  
}  

/* -- Reports Accordion -- */

.panel {
    border: 0;
}

.errors {
    color: red;
    margin: 0px;
    vertical-align: top;
}

    .errors ul {
        margin: 0;
        padding: 0;
        margin-left: 50px;
        list-style: square;
    }

    .errors li {
        vertical-align: middle;
    }

.testHeading {
    display: block;
    font-size: 3em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color: red;
}

.statementHeading {
    display: block;
    font-size: 1.5em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}