html {
	scroll-behavior: smooth;
}

body {
	min-width: 300px;
	font-family: Helvetica, Arial, sans-serif;
}

body,
#container-do-exercicio,
#exercicio {
	width: 100%;
}

#dropdown-de-capitulos {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
	padding: 5px 10px;
	padding-right: 30px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #eee;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+XT48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMjAgOCIgb3ZlcmZsb3c9InZpc2libGUiPjxwb2x5Z29uIGZpbGw9IiMzMzMzMzMiIHBvaW50cz0iMCwwIDUsOCAxMCwwICIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: right;
}

.btn-group-sm>.btn, .btn-sm {
	padding: .2rem .4rem;
	font-size: 0.8rem;
}

.navbar-brand {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#botao-do-menu-de-exercicios {
	color: white;
	display: none;
	white-space: nowrap;
	margin-left: 10px;
}

#botao-do-menu-de-exercicios:hover {
	text-decoration: none;
}

#botao-do-menu-de-exercicios img {
	width: 40px;
}

#cabecalho {
	flex-wrap: nowrap;
	padding: 20px 25px; 
}

#cabecalho h1 {
	font-size: 22px;
	margin: 0px;
}

#titulo-do-livro {
	font-size: 18px;
	margin: 5px 0px 0px;
	display: none;
}

#titulo-do-livro2 {
	font-size: 18px;
	margin-bottom: 0px; 
}

h3 {
	font-size: 27px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 22px;
	margin-bottom: 30px;
}

#secao-do-exercicio-atual {
	display: none;
}

#titulo-completo-do-livro {
	text-align: right;
	flex-grow: 1;
}

#numero-do-exercicio-atual {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	color: white;
}

#atualizador-de-versao {
	margin-left: 10px;
}

.btn-light {
	background-color: #eee;
}

.btn-light:hover {
	background-color: #ddd;
}

#container-central {
	display: flex;
	overflow: hidden;
	position: relative;
	align-items: flex-start;
}

#menu-de-exercicios {
	width: 300px;
	flex-grow: 0;
	flex-shrink: 0;
	transition: right 0.5s;
	margin-top: 40px;
	margin-right: 20px;
	border-radius: 4px;
}

#menu-de-exercicios h3 {
	margin-bottom: 0px;
}

#menu-de-exercicios h6:not(:first-of-type) {
	margin-top: 30px;
}

#menu-de-exercicios .card-body {
	background-color: #454d55;
}

.titulo-do-nivel {
	color: white;
	margin-left: 5px;
	margin-bottom: 5px;
}

#menu-de-exercicios button:hover,
.link-para-exercicio:hover {
	text-decoration: none;
}

.lista-de-exercicios {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0px;
	margin-bottom: 0px;
}

.bg-dark {
	color: white;
}

.bg-dark .link-para-exercicio {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: .25rem;
	text-align: center;
	margin: 6.5px;
	background-color: #eee;
	color: black;
	font-size: 14px;
}

.link-para-exercicio.exercicio-atual {
	background-color: #ddd;
	color: white;
}

#final-do-titulo {
	display: none;
}

@media only screen and (min-width: 550px) {
	#final-do-titulo {
		display: inline;
	}
}

@media only screen and (max-width: 1200px) {
	#menu-de-exercicios {
		position: absolute;
		right: -330px;
		box-shadow: 0px 0px 10px;
	}

	#titulo-do-livro {
		display: block;
	}
	#titulo-do-livro2 {
		display: none;
	}

	.exibindo-menu #menu-de-exercicios {
		right: 0px;
	}

	#botao-do-menu-de-exercicios {
		display: block;
    }
}

.btn.fundo-com-cor-do-tema {
	border: none;
}

#container-para-link-do-maxwell {
	margin-top: 40px;
	flex-basis: 100%;
	text-align: center;
}

body:not(.debug) #container-para-link-do-maxwell {
	display: none;
}

#container-central-geral{
	overflow: hidden;
	position: relative;
	min-height: 400px;
	background-color: #d3d3d3;
}

#container-do-exercicio {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}
#versoes {
	margin-top: 40px;
	flex-basis: 100%;
}

#exercicio {
	max-width: 900px;
	padding: 40px 15px;
}

#exercicio,
#secoes-do-capitulo {
	transition: opacity 0.25s;
}

#secoes-do-capitulo .card {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

header {
	max-width: 800px;
	padding: 40px 15px 0px;
	text-align: center;
}

.debug .figura img {
	padding: 10px 0px;
	animation: pulsando 1s infinite ;
}

@keyframes pulsando {
	0% { opacity: 0.2; }
	50% { opacity: 1; }
	100% { opacity: 0.2; }
}

.itens-discursivos {
	display: inline-grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 10px;
	grid-row-gap: 15px;
}

@media only screen and (min-width: 700px) {
	.itens-associacao {
		display: flex;
	}
}

.itens-associacao {
	width: 100%;
}

.nome-da-variavel,
.unidade-da-variavel {
	display: flex;
	align-items: center;
	margin-bottom: 0px;    
}

.nome-da-variavel {
	justify-content:flex-end;
}

.resposta-discursiva {
	text-align: right;
	max-width: 100px;
}

.resposta-discursiva.resposta-incorreta,
.resposta-associacao.resposta-incorreta {
	border-color: red;
	background-color: rgba(255, 0, 0, 0.15);
}

.resposta-discursiva.resposta-correta,
.resposta-associacao.resposta-correta {
	border-color: green;
	background-color: rgba(0, 255, 0, 0.15);
}

.coluna-associativa {
	/*flex-basis: 50%;*/
}

.coluna-associativa:first-child {
	margin-right: 30px;
}

.coluna-associativa h6 {
	font-weight: bold;
}

.formulario-de-resposta {
	margin: 30px 0px 90px;
}

.formulario-de-resposta p {
	margin-bottom: 0px;
	margin-left: 10px;
}

.form-check {
	display: flex;
	align-items: center;
}

.form-check-input {
	position: relative;
	margin-left: -1.25rem;
	margin-right: 5px;
	margin-top: 0px;
	flex-shrink: 0;
}

.item-coluna-2 {
	display: flex;
	align-items: center;
	margin-left: -22px;
	margin-bottom: 10px;
	padding-left: 0px;
}

.resposta-associacao {
	width: 50px;
	margin-right: 10px;
	flex-shrink: 0;
}

.form-check-label {
	cursor: pointer;
	overflow-x: auto;
	overflow-y: hidden;
}

#aviso-de-erro-na-resposta {
	color: red;
}

#botoes-do-formulario {
	margin: 30px 0px 50px;
	display: flex;
}

#botao-corrigir {
	width: 100px;
	border: none;
	margin-right: 20px;
}

#aviso-de-erro-na-resposta,
#botao-gabarito,
#aviso-de-resposta-correta {
	display: none;
}

.resposta-incorreta #aviso-de-erro-na-resposta,
.resposta-correta #aviso-de-resposta-correta {
	display: block;
	margin-top: 10px;
}

.resposta-correta #botao-gabarito,
.resposta-incorreta #botao-gabarito {
	display: block;
}

#aviso-de-erro-na-resposta,
.escolha-incorreta {
	color: red;
}

#aviso-de-resposta-correta,
.escolha-correta {
	color: green;
}

.conteudo-de-texto p {
	width: 100%;
	margin-bottom: 1.5rem;
}

.conteudo-de-texto p .mjx-chtml.MJXc-display,
.conteudo-de-texto p .mjx-chtml.MathJax_CHTML,
.conteudo-de-texto p svg,
.conteudo-de-texto .figura,
.conteudo-de-texto p .dados {
	margin: auto;
}

.circuito,
.dados,
.figura,
.grafico {
	display: inline-block;
	vertical-align: middle;
}

.circuito,
.conteudo-de-texto .dados,
.grafico,
.figura,
.figura img,
.conteudo-de-texto .mjx-chtml.MJXc-display {
	max-width: 100%;
}

.conteudo-de-texto .circuito,
.conteudo-de-texto .grafico,
.conteudo-de-texto .figura,
.conteudo-de-texto .dados,
.conteudo-de-texto .mjx-chtml.MJXc-display {
	padding-left: 20px;
}

.highcharts-container  {
	display: inline-block;
	max-width: 100% !important;
}

.mjx-chtml.MJXc-display {
	display: inline-block;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: left !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.mjx-chtml.MJXc-display::-webkit-scrollbar {
    height: 5px;
}
 
.mjx-chtml.MJXc-display::-webkit-scrollbar-thumb {
 	background-color: darkgrey;
}

.MathJax_Preview {
	display: none;
}

svg {
	overflow: visible;
	width: 100%;
	height: 100%;
}

.conteudo-de-texto p .mjx-chtml.MathJax_CHTML {
	margin: 0px 3px;
}

#rodape {
	height: 60px;
}

#rodape a {
	color: white;
}

#rodape img {
	margin-left: 10px;
}

#logo-do-maxwell {
	height: 50px;
}