.parlamentar{
    background: #FAFAFA;
    padding: 10px;
    margin:10px 0px;
    cursor:pointer;
}

.parlamentar .foto{
    display: block;
    width: 95px;
    height: 95px;
    border-radius: 100px;
    overflow: hidden;
    padding: 3px;
    border: 3px solid;
}

.parlamentar .foto.contra{
    color: #27AE60;
    border-color:#27AE60;
}
.parlamentar .foto.favorável{
    color: #EB5757;
    border-color:#EB5757;
}
.parlamentar .foto.indefinido{
    color: #9D9D9D;    
    border-color:#9D9D9D;
    background:#F2F2F2;
}

.parlamentar .foto img{
    min-width: 110px;
    min-height: 110px;
    width: auto;
    height: auto;
    margin-left: -10px;
    margin-top: -5px;
}

.parlamentar .infos{
    text-align: left;
}

.parlamentar .infos .nome{
    color: #000000;
    font-family: "IBM Plex Mono", Sans-serif;
    font-size:1.4em;
    font-weight: 500;
    margin-top: 10px;
}

.parlamentar .infos .cargo{
    display: block;
    color: #4F4F4F;
    font-family: "Roboto", Sans-serif;
    font-size:1em;
    font-weight: 400;
}

.parlamentar .infos .partido{
    display: block;
    color: #4F4F4F;
    font-family: "Roboto", Sans-serif;
    font-size:1.1em;
    font-weight: 700;
    text-transform: uppercase;
}

.parlamentar .status{
    text-align: center;
}
.parlamentar .hide{
    display: none;
}
button:focus,* {outline:0;}
.parlamentar .status button{
    width: 90%;
    margin: 0 auto;
    border:1px solid;
    border-radius: 40px;
    font-family: "Roboto", Sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    font-style: italic;
    padding: 5px 0px;
    margin-top: 30px;
}

.parlamentar .status button.contra{
    color: #27AE60;
    border-color:#27AE60;
}
.parlamentar .status button.favorável{
    color: #EB5757;
    border-color:#EB5757;
}
.parlamentar .status button.indefinido{
    color: #9D9D9D;    
    border-color:#9D9D9D;
    background:#F2F2F2;
}
.filtroscontainer{
    margin-left: 0px;
    padding-left: 10px;
}
.buscatexto {
    margin: 20px 0px;
}

.buscatexto i{
    position: absolute;
    bottom: 34px;
    left: 22px;
    color: #828282;
    transform: rotate(75deg);
}

.filtroscontainer #buscar{
    display: block;
    width: 100%;
    padding: 10px 25px;
    margin: 20px 0px;
    background: #FAFAFA;
    border: 1.5px solid #DEDEDE;
    color: #828282;
    font-style: italic;
    font-size: 1em;
    font-family: "Roboto", Sans-serif;
}


.filtroscontainer h3{
    color: #000000;
    font-family: "IBM Plex Mono", Sans-serif;
    font-size:1.3em;
    font-weight: 500;
    margin-top: 10px;
}

.filtroscontainer input[type='checkbox']{
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    font-size: 1.2em;
    background: #FAFAFA;
    border: 1.5px solid #DEDEDE;
    border-radius: 6px;
    width: 15px;
    height: 15px;
    vertical-align: baseline;
  
}

.filtroscontainer input[type=checkbox]:checked{
    background: #FEED01;
    border-color: #FEED01;
    color: #000;
}
.filtroscontainer label{
    margin: 5px; 
    display:inline-block;
}
.filtroscontainer label span{
    color: #000;
    font-size: 1em;
    font-family: "Roboto", Sans-serif;
}

.filtroscontainer select{
   
    border: 1.5px solid #DEDEDE;
    box-sizing: border-box;
    color: #000;
    font-size:1em;
    width: 100%;
    padding: 10px;
    background-color: #FAFAFA;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 10px;
}


.b-contain *, .b-contain *::before, .b-contain *::after {
	box-sizing: content-box !important;
}

.b-contain input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}


.b-contain {
	display: table;
	position: relative;
	padding-left: 1.8rem;
	cursor: pointer;
	margin-bottom: .5rem;
}

.b-contain input[type="checkbox"] ~ .b-input {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.25rem;
	width: 1.25rem;
    background: #FAFAFA;
	transition: background 250ms;
	border: 1.5px solid  #DEDEDE;
	border-radius: 0.125rem;
}

.b-contain input[type="checkbox"] ~ .b-input::after {
	content: '';
	position: absolute;
	display: none;
	left: .35rem;
    top: -.05rem;
    width: .40rem;
    height: .9rem;
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 4px 4px 0;
    transition: background 250ms;
    transform: rotate(45deg);
}

.b-contain input:disabled ~ .b-input::after {
	border-color: rgba(135, 149, 161, 1);
}

.b-contain input:checked ~ .b-input::after {
	display: block;
}

.b-contain:hover input ~ .b-input,
.b-contain input:focus ~ .b-input {
	background: rgb(231, 238, 243);
}

.b-contain input:focus ~ .b-input {
	box-shadow: 0 0 0 2px #FEED01;
}

.b-contain input:checked ~ .b-input {
	background: #FEED01;
	border-color: #FEED01;
}

.b-contain input[type="checkbox"]:disabled ~ .b-input {
	background: rgba(241, 245, 248, 1);
	border-color: rgba(184, 194, 204, 1);
	opacity: 0.6;
	cursor: not-allowed;
}

.b-contain input[type="radio"]:disabled ~ .b-input {
	background: rgba(241, 245, 248, 1);
	border-color: rgba(184, 194, 204, 1);
	opacity: 0.6;
	cursor: not-allowed;
}

.b-contain input[type="radio"]:disabled ~ .b-input::after {
	background: rgba(135, 149, 161, 1);
}

.b-contain input:checked:focus ~ .b-input, .b-contain:hover input:not([disabled]):checked ~ .b-input {
	background: #FEED01;
	border-color: #FEED01;
}

.b-contain .b-input::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	margin-left: -0.85rem;
	margin-top: -0.85rem;
	background: #FEED01;
	border-radius: 2rem;
	opacity: .6;
	z-index: 99999;
	transform: scale(0);
}

@keyframes b-ripple {
	0% {
		transform: scale(0);
	}

	20% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1);
  	}
}

@keyframes b-ripple-duplicate {
	0% {
		transform: scale(0);
	}

	30% {
		transform: scale(1);
	}

	60% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1);
  	}
}

.b-contain input + .b-input::before {
	animation: b-ripple 250ms ease-out;
}

.b-contain input:checked + .b-input::before {
	animation-name: b-ripple-duplicate;
}

.b-contain .b-input::before {
	visibility: hidden;
}

.b-contain input:focus + .b-input::before {
	visibility: visible;
}

.b-contain:first-child .b-input::before {
	visibility: hidden;
}

#modalParlamentar .modal-dialog{
    width: 100%;
    max-width: 900px;
    top: 10%;
}

#modalParlamentar .close{
    position: absolute;
    left: 96%;
    z-index: 999;
}

#modalParlamentar .partido{
    display: inline-block;
    background: #FEED01;
    font-family: "Roboto", Sans-serif;
    padding: 5px 20px;
    margin: 10px 0px;
    font-size: 1em;
    font-weight: 700;
    color: #000;
}

#modalParlamentar .nome{
    display: block;
    font-family: "IBM Plex Mono", Sans-serif;
    font-size: 1.7em;
    font-weight: 600;
    color: #000;
    margin: 10px 0px;
}

#modalParlamentar .cargo{
    display: block;
    font-family: "IBM Plex Mono", Sans-serif;
    font-size: 1.1em;
    color: #000;
    font-weight: 500;
    margin: 10px 0px;
}

#modalParlamentar .status{
    display: block;
    font-size: 1em;
    font-style:italic;
    font-weight: 400;
}
#modalParlamentar .status span{
    padding: 5px 20px 5px 42px;
    margin: 0px;
    letter-spacing: 0.5px;
}

#modalParlamentar .status i{
    position: absolute;
    height: 32px;
    width: 32px;
    margin-top: -4px;
    margin-left: -41px;
    text-align: center;
    padding-top: 7px;
    font-size: 1.2em;
}

#modalParlamentar .status .contra{
    color: #27AE60;
    background: #DEFFE5;
   
}

#modalParlamentar .status .contra i{
    background: #25CC49;
    color: #fff;
}

#modalParlamentar .status .favoravel{
    color: #EB5757;
    background: #FFE7E7;
}

#modalParlamentar .status .favoravel i{
    background: #EB5757;
    color: #fff;
}

#modalParlamentar .status .indefinido{
    color: #828282;
    background: #E8E8E8;
}

#modalParlamentar .status .indefinido i{
    background:#9D9D9D;
    color: #fff;
}
#modalParlamentar hr{
    margin: 20px 0px;
}
#modalParlamentar .infos{
    display: block;
    margin: 15px 10px 20px 40px;
}
#modalParlamentar .infos i{
    color: #FEED01;
    position: absolute;
    margin-left: -35px;
    margin-top: 3px;
    font-size: 20px;
}

#modalParlamentar .infos b{
    display: block;
    font-family: "Roboto", Sans-serif;
    color:#000;
    font-size:1em;
    font-weight: 700;
}

#modalParlamentar .infos a{
    display: block;
    font-family: "Roboto", Sans-serif;
    color:#000;
    font-size:1em;
    font-weight: 400;
}

#modalParlamentar .hr{
    display: block;
}

#modalParlamentar span{
    display: inline-block;
    margin: 5px;
}
#modalParlamentar .social {
    margin-top: 20px;
    margin-bottom: 40px;
}
#modalParlamentar .social span{
    display: inline-block;
    margin: 5px;
}

#modalParlamentar .social i{
    padding: 9px 8px 10px;
    vertical-align: top;
    margin-top: -4px;
}

#modalParlamentar .social a{
    font-family: "Roboto", Sans-serif;
    color:#000;
    font-size:0.9em;
    font-weight: 400;
    padding: 9px;
}

#modalParlamentar .social .facebook i{
    background: #1877F2;
    color: #fff;
}

#modalParlamentar .social .facebook a{
    color: #1877F2;
    background: #E9F2FD;
}

#modalParlamentar .social .twitter i{
    background: #1DA1F2;
    color: #fff;
}

#modalParlamentar .social .twitter a{
    color: #1DA1F2;
    background: #E8F6FF;
}

#modalParlamentar .social .instagram i{
    background: #F00073;
    color: #fff;
}

#modalParlamentar .social .instagram a{
    color: #F00073;
    background: #FEEDF5;
}