.fonte_100
{
	font-size:15px;
}
.fonte_110
{
	font-size:18px;
}
.fonte_120
{
	font-size:21px;
}

.div_das_perguntas
{
	position:relative;
	background-color:#FFF;
	border: 1px solid #E9ECEF;
	padding:10px;
	border-radius:8px;
	transition:  0.3s ease;
}
.div_pergunta2
{
	display: flex;
	justify-content: left;
	align-items: center;
}
.div_pergunta
{
	position:relative;
	left:50px;
	width:calc(100% - 50px);
	/*
	display: flex;
	justify-content: left;
	align-items: center;
	*/
}
.bolinha_pergunta
{
	position:absolute;
	top:10px;
	left:10px;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#6C757D;
	color:#FFF;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transition:  0.3s ease;
}
.div_dica
{
	border-left:3px solid #6C757D;
	padding-left:10px;
	font-style:italic;
	color:#495057;
}
.div_da_dica
{
	padding-top:10px;
}

.botao_testes
{
	width:calc(50% - 5px);
	outline:0;
	border:0;
	margin:0;
	height:50px;
	background-color: #FFF;;
	border: 1px solid var(--gray);
	border-radius:12px;
	padding-left:20px;
	padding-right:20px;
	
	font-family: var(--fonte);
	/*font-size:var(--tam_fonte_16);*/
	color:var(--dark);
	
	cursor:pointer;
	transition:  0.3s ease;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	transform-origin: center center;
	will-change: transform;
	backface-visibility: hidden;
}

.botao_testes:hover, .botao_testes:focus
{
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color:#FFF;
}

.numero-bolinha_2
{
	outline:0;
	border:0;
	width: 40px;
	height: 40px;
	background-color: #6C757D;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	/*font-weight: bold;*/
	margin-right: 10px;
	flex-shrink: 0;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:18px;
	cursor:pointer;
	
	-webkit-transition: .3s;
	transition: .3s ease;
	transform-origin: center center;
	will-change: transform;
	backface-visibility: hidden;
	user-select: none;
}

.div_dos_testes_realizados
{
	width:100%;
	min-height:30px;
	background-color:#4a6cf71A;
	border:1px solid #E9ECEF;
	border-radius:8px;
	padding:10px;
}

.bolinha_do_fim
{
	width:25px;
	height:25px;
	border-radius:50%;
	background-color:#ff0000;
	display: flex;
	align-items: center;
	justify-content: center;
	/*
	background-image:url(../img/pause-64.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	*/
}

.blocos_meio_03__
{
    /* Faz com que cabem 2 cards por linha no lado direito (descontando o gap) */
    width: calc(100% - 0px); 
    padding: 10px;
    background: var(--branco, #fff);
    border-radius: var(--border-radius, 8px);
    border: 0px solid var(--light-gray, #ccc);
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
    text-align: center;
	line-height:1.3;
	
	-webkit-transition: var(--transition);
	transition: var(--transition);
	transform-origin: center center;
   	will-change: transform;
   	backface-visibility: hidden;
	
	display: flex;		
		flex-direction: column;
		justify-content: space-between; 
		box-sizing: border-box;		
		flex-wrap: wrap;
}

.tam_para_50
{
	width:100%;
}

.tam_para_502
{
	width:calc(50% - 5px);
}


@media screen and (min-width: 961px)
{
	.botao_testes
	{
		width:calc(25% - 8px);
		outline:0;
		border:0;
		margin:0;
		height:50px;
		background-color: #FFF;;
		border: 1px solid var(--gray);
		border-radius:12px;
		padding-left:20px;
		padding-right:20px;
		
		
		font-family: var(--fonte);
		/*font-size:var(--tam_fonte_16);*/
		color:var(--dark);
		
		cursor:pointer;
		transition:  0.3s ease;
		
		display: flex;
		justify-content: center;
		align-items: center;
		
		transform-origin: center center;
		will-change: transform;
		backface-visibility: hidden;
	}
	
	.botao_testes:hover, .botao_testes:focus
	{
		background-color: var(--primary);
		border: 1px solid var(--primary);
		color:#FFF;
	}
	
	.numero-bolinha_2:hover
	{
		/*transform: scale(1.05);*/
		background-color:#4A6CF7
	}
	
	.blocos_meio_03__
	{
		/* Faz com que cabem 2 cards por linha no lado direito (descontando o gap) */
		width: calc(33% - 4px); 
		padding: 10px;
		background: var(--branco, #fff);
		border-radius: var(--border-radius, 8px);
		border: 0px solid var(--light-gray, #ccc);
		/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
		text-align: center;
		line-height:1.3;
		
		-webkit-transition: var(--transition);
		transition: var(--transition);
		transform-origin: center center;
		will-change: transform;
		backface-visibility: hidden;
		
		display: flex;		
		flex-direction: column;
		justify-content: space-between; 
		box-sizing: border-box;		
		flex-wrap: wrap;
	}
	
	.tam_para_50
	{
		width:calc(50% - 5px);
	}
	
	.tam_para_502
	{
		width:calc(50% - 5px);
	}
	/*
	.blocos_meio_03__:hover
	{
		transform: scale(1.03);
	}
	*/
}