/* Checkbox */
.control {
	font-family: Arial;
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 3px;
	cursor: pointer;
	font-size: 16px;
	color: #1A2A44;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control_indicator {
	position: absolute;
	top: 1px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #FFFFFF;
	border: 3px solid #6015AD;
	border-radius: 5px; /* Padronizado */
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
	background: #EDEDED;
}
.control input:checked ~ .control_indicator {
	background: #6015AD;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
	background: #6015AD;
}
.control input:disabled ~ .control_indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control_indicator:after {
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control_indicator:after {
	display: block;
}
.control-checkbox .control_indicator:after {
	left: 4px;
	top: 0px;
	width: 4px;
	height: 9px;
	border: solid #FFFFFF;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

/* Inputs e Botões */
.input-senador {
	height: 47px;
	color: #1A2A44;
	background-color: #FFFFFF;
	padding-left: 12px;
	width: 90%;
	margin-top: 10px;
	border: 3px solid #6015AD;
	border-radius: 5px;
}

.btn-login {
	height: 47px;
	color: #FFFFFF;
	background-color: #6015AD;
	padding-left: 12px;
	width: 90%;
	margin-top: 10px;
	border: 3px solid #6015AD;
	border-radius: 5px;
}

.btn-cadastro {
	height: 47px;
	color: #6015AD;
	background-color: #FFFFFF;
	padding-left: 12px;
	width: 90%;
	margin-top: 10px;
	border: 3px solid #6015AD;
	border-radius: 5px;
}

/* Inputs e Botões */
.input-field {
	height: 47px;
	color: #1A2A44;
	background-color: #FFFFFF;
	padding-left: 12px;
	width: 90%;
	margin-top: 10px;
	border: 3px solid #6015AD;
	border-radius: 5px;
}

.btn-primary {
	height: 47px;
	color: #FFFFFF;
	background-color: #6015AD;
	padding-left: 12px;
	width: 90%;
	margin-top: 10px;
	border: 3px solid #6015AD;
	border-radius: 5px;
}

.btn-secondary {
	height: 47px;
	color: #6015AD;
	background-color: #FFFFFF;
	padding-left: 12px;
	width: 90%;
	margin-top: 10px;
	border: 3px solid #6015AD;
	border-radius: 5px;
}

/* Select */
.select-field {
	height: 45px;
	padding-left: 12px;
	width: 80%;
	margin-top: 10px;
	border: 1px solid #6015AD;
	border-radius: 5px;
	background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%236015AD' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
	background-position: calc(100% - 0.75rem) center;
	color: #1A2A44;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding-right: 2rem;
	background-color: #FFFFFF;
}

/* Parlamentar Card */
.parlamentar-card {
	background-color: rgba(168, 173, 179, 0.2);
	margin-bottom: 20px;
	border-radius: 10px;
}
.parlamentar-card img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}
.img-parlamentar img {
	border-radius: 50% !important;
	border: 3px solid #ba80f5;
}
.parlamentar-card h2 {
	font-size: 30px;
	color: #1A2A44;
}
.parlamentar-card p {
	color: #1A2A44;
}
.parlamentar-card small {
	color: #8459b4;
	font-weight: bold;
}

/* Social Icons */
.social-container {
	background-color: rgb(197 197 197 / 15%);
	margin-top: 20px;
	padding: 10px;
	align-items: center;
	border-radius: 10px;
}
.social-container p {
	font-size: 12px;
	font-weight: bold;
	color: #3c4258;
}
.social-container img {
	width: 22px;
	height: 22px;
	margin: 5px;
}

/* Line-clamp */
.line-clamp-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Geral */
body {
	background-color: #F5F5F5;
}

label {
	color: #1A2A44;
}

p {
	color: #1A2A44;
}

/* Select */
select {
	height: 45px;
	padding-left: 12px;
	width: 80%;
	margin-top: 10px;
	border: 1px solid #6015AD;
	border-radius: 5px;
	background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%236015AD' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
	background-position: calc(100% - 0.75rem) center !important;
	color: #1A2A44;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	padding-right: 2rem !important;
	background-color: #FFFFFF;
}

/* Responsividade */
@media (max-width: 820px) {
	.input-senador,
	.btn-login,
	.btn-cadastro,
	select {
			width: 100%;
	}
}

@media (max-width: 420px) {
	.input-senador,
	.btn-login,
	.btn-cadastro,
	select {
			width: 100%;
	}
}

@media (max-width: 375px) {
	.input-senador,
	.btn-login,
	.btn-cadastro,
	select {
			width: 100%;
	}
}

@media (max-width: 320px) {
	.input-senador,
	.btn-login,
	.btn-cadastro,
	select {
			width: 100%;
	}
}

.text-gray {
	color: #3c4258 !important;
}

.text-white {
	color: #ffffff !important;
}

.bg-gray {
	background-color: rgba(168, 173, 179, 0.2) !important;
}