.link {
	border: none;
	background-color: transparent;
	text-decoration: underline;
	color: #514066;
}

.ui-widget-content {
	border: none !important;
}

.not-selected {
	background-color: none !important;
	color: black !important;
}

.responsiveRow {
	display: table-row;
}

.responsiveTable {
	display: table;
}

.unstyledList {
	padding: 0;
	list-style-type: none;
}

.responsiveColumn {
	display: table-cell;
	padding: 5px 10px;
}

@media ( max-width : 475px) {
	.responsiveColumn {
		display: block;
	}
}

.error {
	background:
		url('https://www.coloradosos.gov/voter/responsiveVoter.css?v=3')
		no-repeat left center;
	background-size: 20px;
	padding-left: 24px;
	color: #b30808;
}

.error:after {
	content: "\a";
	white-space: pre;
}

.errorMessage {
	padding-left: 4px;
	color: #b30808;
} 

.grouping:after {
	content: "\a";
	white-space: pre;
}

.boldLabel {
	font-weight: bold !important;
	display: inline-block;
}

h4.boldLabel {
	color: black;
	margin: 0;
	font-size: 16px;
}

.required {
	margin-left: -.65em;
}

.required:before {
	content: "*";
	color: #b30808;
	font-weight: normal;
}

.space {
	padding-right: .5em;
}

.indent1 {
	margin-left: 1em;
}

.indent2 {
	margin-left: 2em;
}

.indent3 {
	margin-left: 3em;
}

.indent4 {
	margin-left: 4em;
}

.indent5 {
	margin-left: 5em;
}

.indent6 {
	margin-left: 6em;
}

.indent7 {
	margin-left: 7em;
}

.indent8 {
	margin-left: 8em;
}

h3.heading3 {
    font-size: 1.29em;
    color: #000000;
}

.heading3extra {
  font-weight: normal;
  font-size: medium;
  color: #black;
}

fieldset {
   	border: 0px none ;
   	margin: 0;
   	padding: 0;
}

.ui-messages-error-summary {
	color : #000000;
}

@media all and (max-width: 600px) {
	.indent1 {
		margin-left: 0em;
	}
	.indent2 {
		margin-left: 1em;
	}
	.indent3 {
		margin-left: 0em;
	}
	.indent4 {
		margin-left: 2em;
	}
	div.mainContent {
		margin-left: 0em;
	}
}

.inlineCheckboxDiv {
	display: inline-block;
	vertical-align: top;
}

.inlineTextDiv {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	padding-bottom: 10px
}

.visually-hidden {
  border-width: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

input[type="radio"],
input[type="checkbox"] {
    transform: scale(1.5);
}

table.responsive {
	border-collapse: collapse !important;
	border-bottom: 1px solid #777782;
	margin: 10px 0;
}

table.responsive th {
	background: #becbd2 !important;
}

table.responsive th td { /* Column inside the table-head */
	border: 1px solid #777782;
	font-weight: bold;
}

table.responsive tr:nth-of-type(even) {
	background: #f1f1f1 !important;
}

table.responsive tr:last-child td { /* column in a last row */
	border-bottom: none;
}

table.responsive td {
	padding: 10px 20px;
	border: 1px solid #777782;
}
/* Responsive table - change max-width to the point just before the table starts to cut off */
@media all and (max-width: 600px) {
	table.responsive, table.responsive tr, table.responsive td, table.responsive th, table.responsive td:before
		{
		display: block;
		/* Converts a table, table row, table column and table column:before into a block element */
	}
	table.responsive, table.responsive tr td:last-child {
		border-bottom: none;
	}
	table.responsive tr {
		border: 1px solid #777782;
		margin: 20px 0;
	}
	table.responsive tr td:nth-child(1) { /* first column of the row */
		border-left: 1px solid #777782;
	}
	table.responsive tr td:last-child { /* last column of the row */
		border-right: 1px solid #777782;
	}
	table.responsive tr:last-child td, table.responsive td {
		/* Column in the last row and column */
		border-bottom: none;
	}
	table.responsive td:before {
		/* prints the value of data-label attribute before the column data */
		font-weight: bold;
		padding-right: 20px;
		content: " " attr(data-label) " ";
		/* call the attribute value of data-label and adds a string // */
	}
	html, body {
		height: 100%;
	}
	body {
		display: flex;
		flex-direction: column;
		height: 100vh;
	}
	.content {
		flex: 1 0 auto;
	}
	
	#dedsecFooter {position:absolute;bottom:auto;width:100%;height:120px;} /* Height of the footer */
}