.polling-list-table {
  border-collapse: separate;
  border-spacing: 2px 0;
}
.polling-list-table th {
	background-color: #003366;
	color: #fff;
	border-bottom: 2px solid #003366;
	font-variant: small-caps;
	letter-spacing: 1px;
	text-align: center;
	vertical-align:	middle;
	font-size: 75%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
}
.polling-list-text {
	vertical-align:	center;
	font-size: 75%;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.polling-list-table td {
	padding: 3px;
	border-bottom: 1px dotted #ccc;
	vertical-align:	center;
	font-size: 75%;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
}

.polling-list-table-header {
	font-size: 100%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 3px;
	float: left;
}

.ui-panel-wrapper {
    height:30px !important;
	min-height:30px !important;
	max-height:30px !important;
}

.linkToTopSpan {
	float: right;
	padding: 4px 4px 0px 0px;
	vertical-align: bottom;
}

.polling-list-table-header-div {
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}

.polling-list-text-footer {
	vertical-align:	center;
	font-size: 60%;
	font-weight: normal;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.polling-list-text-footer-small {
	vertical-align:	center;
	font-size: 55%;
	font-weight: normal;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.bold-italic {
	font-weight: bold;
	font-style: italic;
}

.ui-field-contain { 
	padding-left: 1em;
}

.select-election-heading, label.select-election-heading {
	font-size: 1em;
	font-family: sans-serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding-right: 2em;
	padding-top: 2px;
	/*padding-left: 0.5em;*/
}

.img-container {
	width: 20px;
    height: 20.5px;
	margin: 0 auto;
}

.img-container img {
    width: 100%;
    height: auto;
}

/* accessibility changes */

.ucase {
	text-transform: uppercase;
}

.ui-table caption {
    text-align: left;
    margin-bottom: 0!important;
    opacity: 1!important;
}

.linkToTopSpan {
	vertical-align: bottom;
}

.pollingLocationsDiv .hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

h1.polling-list-title {
	text-align: center;
	line-height: 1.1;
	margin-top: 5px;
	margin-bottom: 10px;
}

.electionSelect option {
	color: black;
	margin:10px;
}

/* BEGIN - fix issues with styling of host website */
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: #f9f9f9;
    border-color: #bbb;
    color: #333;
    text-shadow: none !important;
}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { 
	color: #2C679B;
	font-weight: normal !important; }
.menuprofile .ui-link { font-weight: bold !important; }
/* Remove these 03/06/2026 - body, input, select, textarea, button, .ui-btn { line-height: normal !important; } */
/* END - fix issues with styling of host website */

@media ( min-width: 601px ) {
	/* Show the table header rows and set all cells to display: table-cell */
	.polling-list-breakpoint td,
	.polling-list-breakpoint th,
	.polling-list-breakpoint tbody th,
	.polling-list-breakpoint tbody td,
	.polling-list-breakpoint thead td,
	.polling-list-breakpoint thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */
	.polling-list-breakpoint td .ui-table-cell-label, .polling-list-breakpoint th .ui-table-cell-label { display: none; }
	.center-td { text-align: center !important; }
	
    /*.ui-field-contain label { display: inline-block; width: 10%; margin: 0 2% 0 0; }
    .ui-field-contain .ui-select { width: 86% !important; display: inline-block; }
    .ui-hide-label .ui-select { width: 100%; }*/
}

@media ( max-width: 601px) {
	#newacgovheader, #rovnavbar, #rovcol1, #rovcol2 h1 { font-size: 30px!important; }
	#rovcol2 { margin: 0 0 0 0; }
	#rovbodysection { width: 100%; }
	#rovbodysection { padding: 0 0; }
	#rovmain { background-image: none; }
	#newacgovfooter { text-align: left; }
	.polling-list-table  { background-color: #f1f1f1 !important; border: 1px solid #ebebeb !important; }
	.polling-list-table thead { display: none; }
	.polling-list-table tr { background-color: #ffffff; border-radius: 4x; }
	.polling-list-table td { text-align: right; border-bottom: none; }
	.polling-list-table-header-span { padding: 50px 0px 0px 0px; }
	.polling-list-table-header { padding: 0px 0px 0px 8px; }
	.top-row-mobile { border-top: 1px solid #ebebeb !important; }
	.mobile-header-span { float: left; }
	.img-container { float: right; }
	.span-break { display: block!important; }
	#rovheader #rovaddress { display: none; /* padding: 0 15px 5px 0 !important; */ }
	#rovheader { padding: 5px 0 0 0 !important; }
	#rovbanner { border-style: none none none !important; }
}

#AVLApplication .polling-list-table {
  border-collapse:separate;
  border-spacing:2px 0;
}

#AVLApplication .polling-list-table th {
  background-color:#003366;
  color:#fff;
  border-bottom:2px solid #003366;
  font-variant:small-caps;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
  font-size:75%;
  font-weight:normal;
  font-family:Arial,Helvetica,sans-serif;
  padding:5px 5px 5px 5px;
}

#AVLApplication .polling-list-text {
  vertical-align:center;
  font-size:80%;
  font-weight:normal;
  text-align:left;
  font-family:Arial,Helvetica,sans-serif;
}

#AVLApplication .polling-list-table td {
  padding:3px;
  border-bottom:1px dotted #ccc;
  vertical-align:center;
  font-size:80%;
  font-weight:normal;
  text-align:left;
  font-family:Arial,Helvetica,sans-serif;
  padding:5px 5px 5px 5px;
}

#AVLApplication .polling-list-table-header {
  font-size:100%;
  font-weight:bold;
  font-family:Arial,Helvetica,sans-serif;
  padding:0px 0px 0px 3px;
  float:left;
}

#AVLApplication .ui-panel-wrapper {
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
}

#AVLApplication .linkToTopSpan {
  float:right;
  padding:4px 4px 0px 0px;
  vertical-align:bottom;
}

#AVLApplication .polling-list-table-header-div {
  padding:0px 0px 0px 0px;
  vertical-align:bottom;
}

#AVLApplication .polling-list-text-footer {
  vertical-align:center;
  font-size:60%;
  font-weight:normal;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
}

#AVLApplication .polling-list-text-footer-small {
  vertical-align:center;
  font-size:55%;
  font-weight:normal;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
}

#AVLApplication .bold-italic {
  font-weight:bold;
  font-style:italic;
}

#AVLApplication .ui-field-contain { padding-left:1em; }

#AVLApplication .select-election-heading {
  font-size:1em;
  font-family:sans-serif;
  font-style:normal;
  font-weight:bold;
  text-align:center;
  padding-right:2em;
  padding-top:2px;
  color: #215987;
}

#AVLApplication .img-container {
  width:20px;
  height:20.5px;
  margin:0 auto;
}

#AVLApplication .img-container img {
  width:100%;
  height:auto;
}

#AVLApplication .ui-overlay-a,
#AVLApplication .ui-page-theme-a,
#AVLApplication .ui-page-theme-a .ui-panel-wrapper {
  background-color:#f9f9f9;
  border-color:#bbb;
  color:#333;
  text-shadow:none !important;
}

#AVLApplication .ui-page-theme-a a,
#AVLApplication html .ui-bar-a a,
#AVLApplication html .ui-body-a a,
#AVLApplication html body .ui-group-theme-a a { font-weight:normal !important; }

#AVLApplication .menuprofile .ui-link { font-weight:bold !important; }

#AVLApplication body,
#AVLApplication input,
#AVLApplication select,
#AVLApplication textarea,
#AVLApplication button,
#AVLApplication .ui-btn { line-height:150% !important; }

#AVLApplication body, #AVLApplication input, #AVLApplication select, #AVLApplication textarea, #AVLApplication button, #AVLApplication .ui-btn, #AVLApplication .polling-list-text, #AVLApplication .polling-list-table td, #AVLApplication .select-election-heading {
font-family: 'Roboto', sans-serif;
}

 

.vca-message {
  vertical-align:center;
  font-weight:normal;
  text-align:left;
  font-family:Arial,Helvetica,sans-serif;
}

.ui-select .ui-btn:after {
    background-color:transparent; /* Sets the circle to white */
    filter: brightness(0); /* Changes the white icon to black */
	-webkit-filter: brightness(0);

} 

.multi-column-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 columns by default */
  gap: 10px;
}

@media (max-width: 900px) {
  .multi-column-list {
    grid-template-columns: 1fr 1fr; /* 2 columns on tablets */
  }
}

@media (max-width: 600px) {
  .multi-column-list {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
}

.location-span {
  scroll-margin-top: 100px;
}
 