.parliamentaryContainer {
	font-family: 'Titillium Web', sans-serif;
	width: 100%;
	background-color: red;
	padding: 0 1vw;
	color: #fff;
	display: flex;
	align-items: center;
	cursor: default;
}

.resultBox table .percentBorder {
	width: 100%;
}

.resultBox table .percentBar {
	height: 12px;
	background-color: grey;
}

.parliamentaryContainer .firstBlock {
	flex: 0 0 auto;
	text-align: center;
}

.parliamentaryContainer .title {
	background-color: #64667A;
	text-decoration: none;
	font-size: 1.5rem;
	padding: 0.5vw 1.5vw;
}

.parliamentaryContainer .title span {
	font-weight: 800;
	text-transform: uppercase;
}

.parliamentaryContainer .participationTitle {
	display: none;
}

.parliamentaryContainer .resultBox {
	flex: 0 1 auto;
	padding: 1vw;
}

.parliamentaryContainer .participation {
	background-color: #ffffff;
	color: #000000;
	display: none;
}

.parliamentaryContainer .processed span {
	display: inline-block;
	margin-left: 1vw;
}

.parliamentaryContainer .processed span:first-child, .parliamentaryContainer .processed span:nth-child(3) {
	font-weight: 800;
	font-size: 3.5rem;
}

.parliamentaryContainer .moveButton {
	padding: 1vw;
	border: 1px solid #ffffff;
	cursor: pointer;
	flex: 0 0 auto;
}

.parliamentaryContainer a {
	color: #ffffff;
	text-decoration: none;
}

.parliamentaryContainer a:hover {
	color: #ffffff;
	text-decoration: none;
}

.parliamentaryContainer.participationShow .title {
	display: inline-block;
}

.parliamentaryContainer.participationShow .participationTitle {
	display: block;
	font-size: 1rem;
}

.parliamentaryContainer.participationShow .participationTitle span {
	font-size: 2rem;
	margin-left: 1vw;
	font-weight: 800;
}

.parliamentaryContainer.participationShow .processed {
	display: none;
}

.parliamentaryContainer.participationShow .participation {
	display: block;
	padding: 0 1vw 1vw 1vw;
	font-weight: 600;
}

.parliamentaryContainer.participationShow .participation table {
	width: 100%;
}

.parliamentaryContainer.participationShow .participation table td:first-child {
	text-align: left;
}

.participationShow .participation table td.vote2018name {
	text-align: left;
	width: 30%;
}

.participationShow .participation table td.vote2018line {
	text-align: left;
	width: 50%;
}

.participationShow .participation table td.vote2018sum {
	text-align: right;
	width: 10%;
}

.participationShow .participation table td.vote2018percent {
	text-align: right;
	width: 10%;
}

.parliamentaryContainer:not(.participationShow) .resultBox {
	flex: 1 0 auto;
	display: flex;
	justify-content: center;
}

@media (max-width: 992px) {
	.parliamentaryContainer {
		flex-direction: column;
		padding: 1vw 0 1vw 0;
	}

	.parliamentaryContainer .resultBox {
		border-bottom: 1px solid #ffffff;
		width: 100%;
		margin-bottom: 1vw;
	}
}

@media (max-width: 500px) {

	.parliamentaryContainer .processed {
		width: 80%;
		text-align: center;
	}

}

/*
*********Begin PupUp**************
*/

.parliamentaryContainerPopUp {
	font-family: 'Titillium Web', sans-serif;
	width: 100%;
	background-color: red;
	padding: 1vw;
	color: #fff;
	display: flex;
	align-items: center;
	cursor: default;
	position: fixed;
	bottom: 0;
	z-index: 10002;
}

.parliamentaryContent {
	margin: 0 auto;
	position: relative;
}

.parliamentaryContainerPopUp:not(.participationShow) .participationTitle {
	display: none;
}

.parliamentaryContainerPopUp .participationTitle span {
	font-size: 1.5rem;
	margin-left: 1vw;
	font-weight: 800;
}

.parliamentaryContainerPopUp:not(.participationShow) .participation {
	display: none;
}

.parliamentaryContainerPopUp .participation {
	background-color: #ffffff;
	color: #000000;
}

.parliamentaryContainerPopUp #parliamentaryCloseButton {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.parliamentaryContainerPopUp .title {
	padding: 0.5vw 1.5vw;
	background-color: #64667A;
	text-decoration: none;
	font-size: 1rem;
	display: inline-block;
}

.parliamentaryContainerPopUp .title span {
	font-weight: 800;
	text-transform: uppercase;
}

.parliamentaryContainerPopUp.participationShow .processed {
	display: none;
}

.parliamentaryContainerPopUp .processed span {
	display: inline-block;
	margin-right: 1vw;
}

.parliamentaryContainerPopUp .processed span:first-child, .parliamentaryContainerPopUp .processed span:nth-child(3) {
	font-weight: 800;
	font-size: 3.4rem;
}

.parliamentaryContainerPopUp a {
	color: #ffffff;
	text-decoration: none;
}

.parliamentaryContainerPopUp a:hover {
	color: #ffffff;
	text-decoration: none;
}

.parliamentaryContainerPopUp i.fa:hover {
	color: #ffffff;
}

.parliamentaryContainerPopUp .resultBox {
	flex: 0 1 auto;
}

.parliamentaryContainerPopUp .firstBlock, .parliamentaryContainerPopUp .linkList {
	flex: 0 0 auto;
}

.parliamentaryContainerPopUp .resultBox table {
	margin: 0 0.5vw 0.5vw 0.5vw;
}

.parliamentaryContainerPopUp:not(.participationShow) .linkList {
	font-weight: 600;
}

.parliamentaryContainerPopUp .linkList > div {
	margin-top: 10px;
}

@media (min-width: 1200px) {
	.parliamentaryContent {
		width: 1140px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.parliamentaryContent {
		width: 940px;
	}
}

@media (max-width: 768px) {
	#parliamentaryCloseButton span {
		display: none;
	}

	#parliamentaryCloseButton i {
		font-size: 1.5rem;
	}

	.parliamentaryContainerPopUp .participationTitle {
		display: inline-block;
		margin: 0 0 15px 15px;
	}
}

@media (min-width: 768px) {
	.parliamentaryContainerPopUp .parliamentaryContent {
		display: flex;
		align-items: center;
	}

	.parliamentaryContainerPopUp .resultBox {
		margin-left: 1vw;
	}

	.parliamentaryContainerPopUp .linkList {
		width: 30%;
		margin-left: 1vw;
	}
}

@media (max-width: 992px) {
	.parliamentaryContent {
		width: 100%;
	}

	.parliamentaryContainerPopUp .resultBox, .parliamentaryContainerPopUp .linkList {
		text-align: center;
	}

	.parliamentaryContainerPopUp {
		font-size: 0.8rem;
	}

}

.parliamentaryContainerPopUp:not(.participationShow) .parliamentaryContent {
	display: block;
}

.parliamentaryContainerPopUp:not(.participationShow) .resultBox, .parliamentaryContainerPopUp:not(.participationShow) .linkList {
	display: inline-block;
}

.parliamentaryContainerPopUp:not(.participationShow) .resultBox {
	width: 45%;
}

.parliamentaryContainerPopUp:not(.participationShow) .linkList {
	width: 35%;
}

@media (max-width: 992px) {
	.parliamentaryContainerPopUp:not(.participationShow) .resultBox, .parliamentaryContainerPopUp:not(.participationShow) .linkList {
		width: auto;
	}
}