#electionQuiz {
	padding:0 10px 8px 10px;
	/*position: relative;*/
	text-align: left;
}
#electionQuiz,
#electionQuiz .question {color:#666}
/*#electionQuiz a {color:#666}*/
#electionQuiz a {cursor:pointer}
/*#electionQuiz a:hover {text-decoration:none}*/
#electionQuiz h1 {font-family:"Roboto";margin-bottom:100px}
#electionQuiz h2,
#electionQuiz h3,
#electionQuiz h4 {font-family:"Roboto Black";font-size:30px;margin:0;padding:0}
#electionQuiz h2 {background:#0c7cbc;color:#fff;font-family:"Roboto";font-weight:bold;height:46px;line-height:46px;margin-top:32px;text-align:center}
#electionQuiz .issue-container h3 {color:#0c7cbc;line-height:30px;margin:36px 0 10px 2.08333333%}
#electionQuiz .question h4 {line-height:40px}
#electionQuiz .questions {background:#f0f9ff;border:1px solid #bfe7fe;border-radius:6px;padding-bottom:36px}
#electionQuiz .question-container {padding-bottom:12px}
#electionQuiz .number-question-read-more-container,
#electionQuiz .answers {padding:24px 0 12px 0}
#electionQuiz .number {/*padding:.666666667em 0 0 66.666666667%*/padding:.666666667em 0;text-align:center}
#electionQuiz a.btn-read-more {
	background:white;
	border-radius:5px;
	box-shadow: 2px 2px 3px 0px rgba(211,203,203,1);
	color:#0c7cbc;
	display:inline-block;
	font-family:"Roboto";
	font-size:18px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin-top:.2em;
	padding:0 12px;
	position:relative;
	vertical-align:top;
}
#electionQuiz a.btn-read-more:hover,
#electionQuiz .read-more a.closer,
#electionQuiz .matches-container .close-container a:hover,
#electionQuiz .btn-submit-results:hover {text-decoration:none}

#electionQuiz .question div {
	height:0px;
}

#electionQuiz .read-more {
	background:#fff;margin-top:12px;padding:36px 0
}
#electionQuiz .read-more a.closer {
	color: #666;
	position:absolute;
	right:0;
	top:-1em;
}
#electionQuiz .answers {padding-top:12px}

#electionQuiz .answers label {
	margin-bottom:12px;
}

#electionQuiz .answers input[type="radio"],
#electionQuiz .matches-container input[type="checkbox"] {
	display:none;
}
#electionQuiz .answers input[type="radio"] + label,
#electionQuiz .matches-container input[type="checkbox"] + label {
	cursor:pointer;
}
#electionQuiz .answers input[type="radio"] + label span,
#electionQuiz .matches-container input[type="checkbox"] + label span {
	background:white;
	border-radius: 4px;
	box-shadow: inset 2px 2px 4px 0px rgba(1,1,1,0.48);
	display:inline-block;
	height:28px;
	margin-right:8px;
	position:relative;
	vertical-align:middle;
	width:34px;
}
#electionQuiz .answers input[type="radio"] + label span:before,
#electionQuiz .matches-container input[type="checkbox"] + label span:before {
	background: linear-gradient(to top, #3fa81f, #3fa81f) left bottom no-repeat, linear-gradient(to right, #3fa81f, #3fa81f) left bottom no-repeat;
	background-size: 7px 100%, 100% 7px;
	content: "";
	display:none;
	height: 16px;
	left: 4px;
	position: absolute;
	top: 3px;
	transform: rotate(-45deg);
	width: 26px;
	z-index: 1;
}
#electionQuiz .answers input[type="radio"]:checked + label span:before,
#electionQuiz .matches-container input[type="checkbox"]:checked + label span:before {
	display:block;
}

#electionQuiz .transFadeIn {transition: opacity .5s ease-in-out; opacity: 1; overflow: auto; height: auto}
#electionQuiz .transFadeIn.transFadeOut {transition: opacity .5s ease-in-out; opacity: 0 !important; height: 0 !important; overflow: hidden !important}

#electionQuiz .matches-container {
	position: fixed;
	right: 10px;
	top:30%;
	width: 265px;
	z-index: 100;
}

#electionQuiz .matches-container.closed .wrapper {
	height:0;
	min-height:0;
	overflow:hidden;
	width:0;
}

#electionQuiz .matches-container .close-container {
	background: #185b03;
	border-radius: 6px 0px 0px 6px;
	border-right: 6px solid #3fa81f;
	left: -57px;
	height: 42px;
	position: absolute;
	text-align: center;
	width: 64px;
	z-index:101;
}

#electionQuiz .matches-container .close-container a {
	color: white;
	display:block;
	font-size: 24px;
	font-weight: bold;
	line-height:19px;
}
#electionQuiz .matches-container .close-container a small {
	font-size: 12px;
}

#electionQuiz .matches-container.closed .close-container {
	border-radius: 6px;
	border-right:0;
}

#electionQuiz .matches-container .wrapper {
	background: #fff;
	border-radius: 6px;
	border: 2px solid #3fa81f;
	min-height: 200px;
}

#electionQuiz .matches-container .wrapper h3 {
	background:#3fa81f;
	color: white;
	font-family:"Roboto";
	font-size: 24px;
	font-weight:bold;
	line-height: 40px;
	padding: 0;
	text-align:center;
}

#electionQuiz .matches-container .wrapper .matches {
	padding: 12px;
}

#electionQuiz .matches-container .wrapper p {
	font-size:14px;
	margin-bottom: 20px;
}

#electionQuiz .matches-container .wrapper p:last-child {
	font-size:12px;
	margin: 20px 0 0 0;
	text-align:right;
}
#electionQuiz .matches-container .wrapper .table-container {
	height:auto;
	opacity:1;
	transition:all linear 0.5s;
}
#electionQuiz .matches-container .wrapper .table-container.ng-hide {
	height:0px;
	opacity:0;
	overflow:hidden;
}

#electionQuiz .matches-container .wrapper table {
	padding-top: 6px;
	height: auto;
	width: 100%;
}
#electionQuiz .matches-container .wrapper table tr > td:nth-child(2) {
	padding-right:6px;
}
#electionQuiz .matches-container .wrapper table tr > td:last-child {
	width:100%;
}

#electionQuiz .matches-container .wrapper .candidate-info .last-name label {
	cursor: pointer;
	margin: 0;
}

#electionQuiz .matches-container .wrapper .candidate-info .last-name {
	line-height: 18px;
	font-size: 18px;
}

#electionQuiz .matches-container .wrapper .candidate-info .counts {
	line-height: 12px;
	font-size: 12px;
}

#electionQuiz .matches-container .wrapper .progress {
	height: 30px;
}
#electionQuiz .matches-container .wrapper .progress-bar {
	background: #3fa81f;
}

#electionQuiz .matches-container .wrapper a {
	color: #666;
}
#electionQuiz .matches-container .wrapper a:hover {
	text-decoration: none;
}

#electionQuiz .submit-results-container {text-align:center}
#electionQuiz a.btn-submit-results {
	background: #0c7cbc;
	border-radius: 6px;
	box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.55);
	color:white;
	display:inline-block;
	font-weight: bold;
	margin-top: 8px;
	padding: 16px 48px;
}
#electionQuiz .matches-container a.btn-submit-results {
	font-size:14px;
	padding: 16px 0;
	width:100%;
}
#electionQuiz .matches-container.closed a.btn-submit-results {
	margin: -4px 0 0 8px;
}

#electionQuizResults h2,
#electionQuizResults h3,
#electionQuizResults h4 {font-family:"Roboto Black";font-size:30px;font-weight:bold;margin:0;padding:0}
#electionQuizResults h2 {background:#0c7cbc;color:#fff;font-family:"Roboto";height:46px;line-height:46px;padding:0 16px;margin-top:32px;text-align:left}
#electionQuizResults h2 span {float:right;font-size:20px;font-weight:normal}

#electionQuizResults .top-match {
	padding-top:12px;
}

#electionQuizResults .results {
	border-collapse:collapse;
	margin-bottom: 48px;
}

#electionQuizResults .results td {
	border: white;
	margin: 0;
	padding: 0;
}

#electionQuizResults .results .candidates.large td:first-child {
	text-align: center;
}

#electionQuizResults .results .candidates.large .click-info {
	color: #666;
	font-size: 18px;
}

#electionQuizResults .results .num-matches-text {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

#electionQuizResults .results .num-matches td,
#electionQuizResults .results .candidates.large .name {
	border: 1px solid white;
	color: white;
}

#electionQuizResults .results .num-matches td {
	font-size: 24px;
	font-weight: bold;
	line-height:24px;
	padding: 12px 0;
	text-align: center;
}

#electionQuizResults .results .candidates .name,
#electionQuizResults .results .issue .candidate-name {
	font-size: 10px;
	font-weight: bold;
	padding: 12px 0;
	text-align: center;
}

#electionQuizResults .results .candidates.large .name {
	font-family: "Roboto Black";
	font-size: 14px;
	line-height: 16px;
	text-transform:uppercase;
}
#electionQuizResults .results .candidates.large .name,
#electionQuizResults .results .candidates.large .name > div {
	width: 48px;
}

#electionQuizResults .results .candidates.large .name.you {
	background: #3fa81f;
	font-size: 30px;
	line-height: 34px;
}

#electionQuizResults .results .issue td div,
#electionQuizResults .results .question div {
	border: 1px solid #ccc;
}

#electionQuizResults .results .issue td div {
	color: #666;
	background: #f0f9ff;
	font-family: "Roboto Black";
	font-size: 24px;
	margin-top: 1px;
	text-align: center;
	weight: 32px;
}

#electionQuizResults .results .question div,
#electionQuizResults .results .question a {
	font-size: 18px;
}

#electionQuizResults .results .question div {
	border-top: 0;
	color: #333;
	padding: 24px;
}
#electionQuizResults .results .question a {
	color: #065380;
}

#electionQuizResults .results .answer {
	border: 1px solid #ccc;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
#electionQuizResults .results .answer,
#electionQuizResults .results .answer a {
	color: #999;
}

#electionQuizResults .results .answer.green {
	background: #3fa81f;
	border-color: white;
}
#electionQuizResults .results .answer.green,
#electionQuizResults .results .answer.green a {
	color: white;
}

#electionQuizResults .results .answer.you {
	border-left:none;
}

#electionQuizResults .results .answer.green.you {
	border-right: #3fa81f;
	font-size: 24px;
}

#electionQuizResults .social {
	padding: 32px 0;/* 48px 0;*/
	text-align: center;
}

#electionQuizResults .matches-container table {
	padding-top: 6px;
	height: auto;
	width: 100%;
}
#electionQuizResults .matches-container table tr > td:nth-child(1) {
	padding-right:6px;
}
#electionQuizResults .matches-container table tr > td:last-child {
	width:100%;
}

#electionQuizResults .matches-container .candidate-info .last-name label {
	cursor: pointer;
	margin: 0;
}

#electionQuizResults .matches-container .candidate-info .last-name {
	line-height: 18px;
	font-size: 18px;
}

#electionQuizResults .matches-container .candidate-info .counts {
	line-height: 12px;
	font-size: 12px;
}

#electionQuizResults .matches-container .progress {
	height: 30px;
}
#electionQuizResults .matches-container .progress-bar {
	background: #3fa81f;
}

#electionQuizResults .mobile {
	padding:24px 36px 0 36px;
	text-align:center;
}
#electionQuizResults .mobile .matches-container {
	padding-top:12px;
}
#electionQuizResults .mobile h3 + img {padding-top:18px}

#electionQuizResults .mobile .question {
	padding-top:36px;
}

#electionQuizResults .mobile .question h4 a {
	color: #065380;
	font-family:"Roboto Black";
	font-size:24px;
	line-height: 36px;
	padding: 4px 0;
}

#electionQuizResults .mobile .results table {
	margin: 0 auto;
	padding:0 16px;
}
#electionQuizResults .mobile .question th {
	font-family: "Roboto Black";
	font-size:24px;
}
#electionQuizResults .mobile .question th,
#electionQuizResults .mobile .question td {
	border-top: 3px solid white;
	padding: 12px 24px;
	text-align: center;
}
#electionQuizResults .mobile .question th,
#electionQuizResults .mobile .question td.green {
	background: #3fa81f;
	color: white;
}
#electionQuizResults .mobile .question td,
#electionQuizResults .mobile .question td a {
	color: #666;
	font-family: "Roboto";
	font-size: 18px;
	font-weight:normal;
}
#electionQuizResults .mobile .question td.green a {
	color: white;
}

@media print {
	#electionQuizResults .visible-xs-block {
		display:none!important;
	}
	#electionQuizResults .visible-lg-block {
		display:block!important;
	}
	
	#electionQuizResults .results td {
		border:none!important;
	},
	#electionQuizResults .results tr.issue > td:first-child,
	#electionQuizResults .results .issue,
	#electionQuizResults .results .question,
	#electionQuizResults .results .answer,
	#electionQuizResults .results .answer.green {
		border: 1px solid #ccc!important;
		color: #999;
	}
	
	/*#electionQuizResults .results .question div {
		border: 1px solid #ccc;
	}
	*/
}

/* late alterations */

@media (max-width: 991px) {
	#electionQuiz .matches-container .close-container,
	#electionQuiz .matches-container .wrapper,
	#electionQuiz .container > .submit-results-container {
		display:none;
/*
		bottom: auto;
		left: auto;
		right: 0;
		top: 0
*/
	}
	
	#electionQuiz .matches-container .submit-results-container {
		bottom: 50px;
		left: 50%;
		margin-left: -135px;
		position: fixed;
	}
	#electionQuiz .matches-container .submit-results-container .btn-submit-results {
		padding: 16px;
	}
}

.dfp-responsive {
    margin-bottom: 0 !important;
}