.textosmall{
	font-size:0.9em;
}

.texto{
	font-size:1em;
}

.textobig{
	font-size:1.1em;
}

.textogiant{
	font-size:1.3em;
}

.darkblue{
	background-color:#40B0F0;
	color:#000000;
	font-weight:bold;
	padding:4px;
}

.textblue{
	color:#40B0F0
}

.square {
	width: 100%; 
	background-color: #000000;
	border-radius: 10px;
	border: 2px solid #40B0F0;
	padding: 20px;
	margin: 10px;
	font-size: 13px;
	cursor: pointer;
	min-height:220px;
}

button:focus,
input:focus {
  outline: none;
  box-shadow: 0 0 3px 3px rgba(255,255,255, 0.7);
}

.btnBlack {
	height:40px; 
	border:3px solid #40B0F0; 
	border-radius:10px; 
	width:100%; 
	max-width:400px; 
	color:#40B0F0; 
	background-color:#000000; 
	margin-bottom:15px;
}

.btnColor {
	height:40px; 
	border:3px solid #40B0F0; 
	border-radius:10px; 
	width:100%; 
	max-width:400px; 
	color:#000000; 
	background-color:#40B0F0; 
	margin-bottom:15px;
}

.btnRed {
	height:40px; 
	border:3px solid #D04040; 
	border-radius:10px; 
	width:100%; 
	max-width:400px; 
	color:#000000; 
	background-color:#D04040; 
	margin-bottom:15px;
}

.btnColor:disabled {
	background-color: #808080;
	color: #404040;
	border: 0px solid #808080;
	cursor: not-allowed;
}
	
.btnBlackSmall {
	height:40px; 
	border:3px solid #40B0F0; 
	border-radius:10px; 
	padding-left:10px;
	padding-right:10px;
	color:#40B0F0; 
	background-color:#000000; 
	margin-bottom:15px;
}

.btnColorSmall {
	height:40px; 
	border:3px solid #40B0F0; 
	border-radius:10px; 
	padding-left:10px;
	padding-right:10px;
	color:#000000; 
	background-color:#40B0F0; 
	margin-bottom:15px;
}

.toggle-password {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	user-select: none;
}

.codigo-container {
	justify-content: center;
	display: flex;
	gap: 10px;
}

.codigo-input {
	text-align: center;
	width: 40px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	border-radius: 5px;
	margin-right:0px;
}

.construcao {
	visibility: hidden;
	margin-bottom:10px;
}

body {
	margin: 0; /* Remove margens padrão */
	background-color: #000000;
	/*}ninguem{*/
	-webkit-user-select: none; /* Para Chrome, Opera e Safari */
	-moz-user-select: none; /* Para Firefox */
	-ms-user-select: none; /* Para Internet Explorer/Edge */
	user-select: none; /* Padrão */
}

h1, h2, h3, h5, h6 {
	color: #C0C0C0;
	font-weight: bold;
}

h4, .textoazul {
	color: #40B0F0;
	font-weight: bold;
}

p {
	color: #A0A0A0;
}

a {
	color: #FFFFFF;
}

a:hover {
	color: #FFFFFF;
	font-weight:bold;
}

b {
	font-weight:700;
	color:#ffffff;
}

div {
	color: #A0A0A0;
}

.tabela{
	color:#c0c0c0;
	background-color:#202020;
	padding:10px;
	border: 2px solid #000000;
	font-size:12px;
}

.imgstrip {
	position: relative;
	width: 100%; /* Largura total da tela */
	display: flex;
	align-items: center; /* Centraliza verticalmente */
}

.sliding-image {
	left: 0; /* Inicia à esquerda */
	height: 100%; /* A imagem ocupa 100% da altura do contêiner */
	width: 100%; /* A largura é automática para manter a proporção */
	animation: slide 60s linear infinite; /* Animação de deslizar */
}

@keyframes slide {
	0% {
		transform: translateX(0); /* Posição inicial */
	}

	100% {
		transform: translateX(-100%); /* Move para a esquerda */
	}
}

/* Segunda instância da imagem */
.sliding-image:nth-of-type(2) {
	left: 100%; /* Começa à direita, fora da tela */
}

img {
	border-radius: 5px;
}

.navbar {
	background-color: #202020;
}

.navbar-dark .navbar-nav .nav-link {
	color: #B0B0B0;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #D0D0D0;
}

.section, .home {
	padding: 60px 0;
	display: none; /* Oculta todas as seções e a página inicial por padrão */
}

.section img {
	max-width: 100%;
	height: auto;
}

.navbar-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1030;
}

.smooth-scroll {
	scroll-behavior: smooth;
}

.hidden {
	display: none; /* Classe para ocultar seções */
}

.active {
	display: block; /* Classe para exibir a seção ativa */
}

.smalltext {
	font-size: 12px;
}

li {
	padding-left: 10px;
	padding-right: 10px;
}

@media (min-width: 992px) {
	.navbar {
		display: flex;
		justify-content: center;
	}

	.navbar-brand {
		margin-right: auto; /* Mantém o logo alinhado à esquerda */
	}

	.navbar-nav {
		justify-content: center; /* Centraliza os itens do menu */
	}
}

.container {
	position: relative;
	text-align: center; /* Centraliza o conteúdo inline, se necessário */
	color: #fff; /* Cor do texto */
}

#loadingOverlay {
	display: none; 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	pointer-events: all;
}

.swal2-popup {
	background-color: rgba(0, 20, 40, 0.6) !important;
	backdrop-filter: blur(5px);
	color: #fff !important;
	border-radius:15px !important;
	margin: 20px !important;
	border:0px solid #40B0F0;
	
}

.swal2-popup .swal2-title {
	color: #ffffff !important;
}

.swal2-popup .swal2-content {
	color: #d0d0d0 !important;
}

.swal2-popup .swal2-confirm {
	background: #004000 !important;
	color: #ffffff !important;
}

.swal2-popup .swal2-cancel {
	background: #400000 !important;
	color: #ffffff !important;
}
