p {
	clear: both;
}

label {
	font-weight: 600;
	float: left;
	clear: both;
	display: block;
	width: 100%;
}

input, button, select, textarea, option {
	font-size: 18px !important;
	line-height: 20px !important;
	cursor: pointer !important;
}

input[type=checkbox] {
	float: left;
	min-width: auto;
	margin: 0.25rem;
	margin-left: 0;
}

h2 {
	white-space: normal !important;
}

h4 {
	text-transform: none !important;
	color: #0c99c5 !important;
	font-size: 20px !important;
}

#caixa-aluno {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	max-width: 94%;
	padding: 3%;
	background: #f8f8f8;
	border: 1px solid #eee;
}

#caixa-aluno div {
	display: block;
	float: left;
	clear: both;	
}

.caixa-campo {
	padding: 2% 0;
	display: block;
	float: left;
	clear: both;
	width: 98% !important;
	max-width: 98% !important;
}

.margem-campo {
	padding-left: 2%;
	padding-right: -2%;
	background: #f8f8f8;
}
	
.largura5, 
.largura10, 
.largura20, 
.largura30, 
.largura40, 
.largura50, 
.largura60, 
.largura80, 
.largura90, 
.largura100 {
	width: auto !important;
	width: 5% !important;
	clear: right !important;
    float: left !important;	
	margin-right: 1% !important;	
}

.largura10 {
	width: 10% !important;
} 

.largura20 {
	width: 20% !important;
} 

.largura30 {
	width: 30% !important;
} 

.largura40 {
	width: 40% !important;
} 

.largura50 {
	width: 50% !important;
} 

.largura60 {
	width: 60% !important;
} 

.largura80 {
	width: 80% !important;
} 

.largura90 {
	width: 90% !important;
} 

.largura100 {
	width: 100% !important;
}

.largura100, .largura0margem {
	margin-right: 0 !important; 
}

.largura_junto {
	margin-right: -1% !important;
	clear: none !important;
    float: left !important;
}

.formulario-padrao button {
	background: #888 !important;
	padding: 2% !important;
	height: auto !important;
}

.formulario-padrao button.destaque {
	background: #ec262d  !important;
}

.caixa-correcao {
	display: grid;
	padding: 20px;
	margin-bottom: 20px; 
	background: #ffd;
	border: 1px solid #ddd;
}

.caixa-video-evento {
	display: block;
	margin: 1rem;
	padding: 1rem;
	background: #eee;
	border: 1px solid #ddd;
}

.tag-transmitindo, 
.atividade-assistir {
	display: inline-block;
	padding: 15px;
	background: #2dc7f2;
	color: #fff !important;
	font-size: 16px;
	font-weight: 400 !important;
	text-decoration: none !important;
}

.tag-transmitindo {
	font-size: 12px !important;
	padding: 5px !important;
	background: #080 !important;
	margin-bottom: 5px !important;
	line-height: 100% !important;
}

.atividade-assistir:hover {
	background: #0f365a;
}

.comprovante-inscricao {
	display: block;
	float: none;
	clear: both;
	margin: auto;
	width: 100%;
}

.comprovante-inscricao p {
	padding: 10px 0;
}

.comprovante-inscricao > div {
	display: block;
	float: none;
	clear: both;
	margin: auto;
	margin-top: 50px !important;
	padding: 20px;
	width: 500px !important;
	border: 1px solid #888;
	background: #fff;
}

.comprovante-inscricao .qr-evento {
	/*margin-top: 10px;*/
	margin-right: 10px;
	width: 100px;
	float: left;
	clear: left;
}

/* MOBILE */
@media screen and (max-width: 959px) {

	.margem-campo {
		padding-left: 0;
	}	

	.largura5, 
	.largura10, 
	.largura20, 
	.largura30, 
	.largura40, 
	.largura50, 
	.largura60, 
	.largura80, 
	.largura90, 
	.largura100 {
		max-width: 100% !important;
		width: 95% !important;
		height: auto !important;
		clear: both !important;
		float: left !important;	
	}
	
	.formulario-padrao button,
	.formulario-padrao button.destaque {
		max-width: 100% !important;
		height: auto !important;
		padding: 5% !important;
	}
	
	.formulario-padrao button,
	.formulario-padrao input {
		width: 98% !important;
		max-width: 98% !important;
	}
	
	
	input[type=checkbox] {
		min-width: auto !important;
		max-width: auto !important;
		width: auto !important;
	}
	
	.colunas-1,
	.colunas-2,
	.colunas-3,
	.colunas-4 {
		width: 100% !important;
		max-width: 100% !important;
	}
	
}