@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
:root {
  --bs-body-font-family: "Lato", sans-serif;
  --bs-body-font-size: 16px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 24px;
  --dark-blue: #00145A;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	height: auto;
	position: relative;
}
.btn {
  border-radius: 0;
}
.btn-primary, #btproxima, #btanterior {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: var(--dark-blue);
	--bs-btn-border-color: var(--dark-blue);
	--bs-btn-hover-color: var(--dark-blue);
	--bs-btn-hover-bg: shade(var(--dark-blue), 10%);
	--bs-btn-hover-border-color: shade(var(--dark-blue), 15%);
	--bs-btn-focus-shadow-rgb: rgb(49, 132, 253);
	--bs-btn-active-color: #FFFFFF;
	--bs-btn-active-bg: shade(var(--dark-blue), 15%);
	--bs-btn-active-border-color: shade(var(--dark-blue), 20%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFFFFF;
	--bs-btn-disabled-bg: var(--dark-blue);
	--bs-btn-disabled-border-color: var(--dark-blue);
}
.btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: #FFFFFF;
}

.table-responsive {
  margin-bottom: 1.5rem;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 20, 90, 0.05); /* Suave tom azul */
}

.table th, .table td {
  vertical-align: middle;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
}

.table th a {
  color: var(--dark-blue);
  text-decoration: none;
  font-weight: 700;
}

.table th a:hover {
  color: #FFB74D; /* Cor de hover para links na tabela */
}

.table th a span.icon-arrow-down-3 {
  margin-left: 0.5rem;
  font-size: 0.8rem;
}

/* Estilo para linhas da tabela */
.table tbody tr {
  transition: background-color 0.3s ease;
}

.table tbody tr:hover {
  background-color: rgba(0, 20, 90, 0.1); /* Tom de azul mais suave ao passar o mouse */
}

.table .row0 {
  background-color: #f8f9fa; /* Cor de fundo para a linha com a classe .row0 */
}

.table td {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

.table td a {
  color: var(--dark-blue);
  /*text-decoration: none;*/
}

.table td a:hover {
  color: #FFB74D; /* Cor de hover para links */
}

.header .nav-item .nav-link {
  padding: 0.5rem 1rem;
}
.header .nav-item.active .nav-link {
  background-color: var(--dark-blue);
  border-color: var(--dark-blue);
  color: #FFFFFF;
}

.logo {
  width: 160px;
}

.pagination {
  display: flex;
  justify-content: flex-end;
}

.pagination .page-item .page-link {
  color: var(--dark-blue);
  border-radius: 0;
}

.pagination .page-item.active .page-link {
  background-color: var(--dark-blue);
  border-color: var(--dark-blue);
}

.pagination .page-item.active .page-link:hover {
  background-color: #FFB74D;
  border-color: #FFB74D;
}

.tbody-icon.jgrid + div {
	position: absolute;
	display: none;
	z-index: 2;
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	color: var(--dark-blue);
}
.tbody-icon.jgrid:hover + div {
	display: block;
}
#divperg {
	hyphens: auto;
	text-align: justify;
}
.tbody-icon.jgrid {
	margin: 0 0.5rem;
	float: left;
}
/* Estilizando a seção principal */
.main {
	padding: 2rem 0;
	background-color: #f8f9fa;
	flex: 1 0 0%;
}

.component > div#system-message-container:not(.is-empty) {
	height: auto;
	background: transparent;
	box-shadow: none;
	padding: 0;
}
.component > div:not(.is-empty) {
	margin-bottom: 2rem;
	padding: 1.5rem;
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	height: auto;
}
/* Estilizando o título da prova */
.usuarioprova-edit h1 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #333; /* Cor do texto */
    margin-bottom: 1.5rem;
}

/* Estilizando o formulário */
.form-horizontal .form-group {
    margin-bottom: 1.5rem;
}

/* Barra de progresso */
.progress {
	height: 1.5rem;
	border-radius: .25rem;

}

.progress-bar {
    background-color: #007bff; /* Cor azul Bootstrap */
    font-weight: 600;
    line-height: 1.5rem;
}

/* Temporizador */
#countdown {
    font-size: 1.25rem;
    font-weight: 600;
    color: #dc3545; /* Vermelho Bootstrap */
    text-align: center;
    line-height: 1.5rem;
}

/* Títulos das perguntas */
.pergTitle {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #495057; /* Cinza Bootstrap */
}

/* Opções de respostas */
.form-check-label {
    font-size: 1rem;
    color: #495057;
}

.form-check-input:checked ~ .form-check-label {
    color: #0d6efd;
}

/* Alerts */
.alert {
    margin-top: 1rem;
}
/* Estilizando o contêiner principal */
[class*="sidebar"] .module.module-default > div {
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  background-color: #ffffff;
}

/* Estilizando o título */
.module-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #343a40;
  text-align: center;
  margin-bottom: 1rem;
  border-bottom: 2px solid var(--dark-blue);
  padding-bottom: 0.5rem;
}

/* Estilizando os campos de entrada */
.input-group {
  margin-bottom: 1rem;
}

.input-group .form-control {
  border-radius: 0.375rem 0 0 0.375rem;
}

.input-group .input-group-text {
  background-color: #e9ecef;
  border-radius: 0 0.375rem 0.375rem 0;
}

.btn-secondary.input-password-toggle {
  border-radius: 0 0.375rem 0.375rem 0;
}

/* Estilizando o checkbox e botão de submit */
.form-check-label {
  margin-left: 0.5rem;
  font-size: 0.875rem;
}


/* Estilizando as opções abaixo do formulário */
.mod-login__options {
  margin-top: 1rem;
}

.mod-login__options a {
  color: var(--dark-blue);
  text-decoration: none;
}

.mod-login__options a:hover {
  text-decoration: underline;
}

.back-to-top-link {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background: var(--dark-blue);
	color: #fff;
	text-decoration: none; /* Para remover o sublinhado, se necessário */
	transition: background 0.3s, color 0.3s; /* Adiciona uma transição suave */
}

.back-to-top-link:hover {
border-color: var(--dark-blue);
	background: transparent; /* Ou a cor desejada para o hover */
	color: var(--dark-blue); /* Ou a cor desejada para o texto no hover */
}
.progress, .progress-stacked{
padding: 0;
}
.form-group {
	margin-bottom: 1rem;
}
.progress-bar {
	background-color: var(--dark-blue);
	font-weight: 600;
	line-height: 1.5rem;
}
.control-group {
	margin-bottom: 0.5rem;
}
legend {
  font-size: 1rem;
}
.invalid{
  color: red;
  border-color: red;
}
.has-danger{
  color: red;
  border-color: red;
}