.icon-arrow-right {
	transition: transform 0.3s ease;
}

.money-input {
	text-align: right;
	padding-right: 12px;
}

.ti-btn:hover .icon-arrow-right {
	transform: translateX(4px);
}

.icon-arrow-left {
	transition: transform 0.3s ease;
}

.ti-btn:hover .icon-arrow-left {
	transform: translateX(-4px);
}
/* PRIMARY - Azul */
.ti-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: white;
	background: linear-gradient(135deg, #0277BD, #039BE5);
	border: 2px solid white;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

	.ti-btn-primary i {
		margin-right: 8px;
		font-size: 16px;
	}

	.ti-btn-primary:hover {
		background: linear-gradient(135deg, #039BE5, #0277BD);
		transform: translateY(-2px);
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
	}

	.ti-btn-primary:active {
		transform: translateY(2px);
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	}

/* DANGER - Vermelho */
.ti-btn-danger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: white;
	background: linear-gradient(135deg, #dc3545, #e55361);
	border: 2px solid white;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

	.ti-btn-danger i {
		margin-right: 8px;
		font-size: 16px;
	}

	.ti-btn-danger:hover {
		background: linear-gradient(135deg, #e55361, #dc3545);
		transform: translateY(-2px);
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
	}

	.ti-btn-danger:active {
		transform: translateY(2px);
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	}

/* SUCCESS - Verde */
.ti-btn-success {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: white;
	background: linear-gradient(135deg, #28a745, #4bbf55);
	border: 2px solid white;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

	.ti-btn-success i {
		margin-right: 8px;
		font-size: 16px;
	}

	.ti-btn-success:hover {
		background: linear-gradient(135deg, #4bbf55, #28a745);
		transform: translateY(-2px);
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
	}

	.ti-btn-success:active {
		transform: translateY(2px);
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	}

/* WARNING - Amarelo */
.ti-btn-warning {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #000;
	background: linear-gradient(135deg, #ffc107, #ffdb4d);
	border: 2px solid white;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

	.ti-btn-warning i {
		margin-right: 8px;
		font-size: 16px;
	}

	.ti-btn-warning:hover {
		background: linear-gradient(135deg, #ffdb4d, #ffc107);
		transform: translateY(-2px);
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
	}

	.ti-btn-warning:active {
		transform: translateY(2px);
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	}

/* INFO - Azul Claro */
.ti-btn-info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: white;
	background: linear-gradient(135deg, #17a2b8, #3ab1c6);
	border: 2px solid white;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

	.ti-btn-info i {
		margin-right: 8px;
		font-size: 16px;
	}

	.ti-btn-info:hover {
		background: linear-gradient(135deg, #3ab1c6, #17a2b8);
		transform: translateY(-2px);
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
	}

	.ti-btn-info:active {
		transform: translateY(2px);
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	}
/* BOTÃO TRANSPARENTE */
.ti-btn-transparente {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #17a2b8; /* Azul claro */
	background: transparent;
	border: 2px solid #17a2b8;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

	.ti-btn-transparente i {
		margin-right: 8px;
		font-size: 16px;
	}

	.ti-btn-transparente:hover {
		background: rgba(23, 162, 184, 0.1); /* leve toque de cor no hover */
		transform: translateY(-1px);
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
	}

	.ti-btn-transparente:active {
		transform: translateY(1px);
		box-shadow: none;
	}


.titulo-destaque {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #0277BD;
	text-align: center;
	text-transform: capitalize;
	letter-spacing: 0.3px;
	margin: 10px 0;
}

.section-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #01579B;
	margin: 20px 0 10px 0;
}

.box-header-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.btn-opcoes {
	background-color: white; /* Fundo branco */
	color: #0277BD; /* Cor do texto */
	border: 2px solid #0277BD; /* Borda com a cor #0277BD */
	padding: 10px 20px; /* Espaçamento interno */
	font-size: 16px; /* Tamanho da fonte */
	cursor: pointer; /* Cursor de ponteiro ao passar o mouse */
	border-radius: 5px; /* Bordas arredondadas */
	transition: all 0.3s ease; /* Transição suave para hover */
}

	.btn-opcoes:hover {
		background-color: #0277BD; /* Fundo azul ao passar o mouse */
		color: white; /* Texto branco ao passar o mouse */
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1); /* Sombra ao passar o mouse */
		border-color: white;
	}

.nav-tabs .nav-link {
	border: 1px solid #0277BD;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	margin-right: 5px;
	color: #0277BD;
	background-color: white;
}

	.nav-tabs .nav-link.active {
		background-color: #0277BD;
		color: white;
		border-color: #0277BD;
	}

.tab-content {
	border: 1px solid #0277BD;
	border-top: none;
	padding: 20px;
	border-radius: 0 0 5px 5px;
}


/* Toastr - SUCESSO: verde */
#toast-container > .toast-success {
	background-color: #28a745 !important; /* Verde */
	color: #fff !important;
}

/* Toastr - ERRO: vermelho */
#toast-container > .toast-error {
	background-color: #dc3545 !important; /* Vermelho */
	color: #fff !important;
}

/* Toastr - AVISO: amarelo */
#toast-container > .toast-warning {
	background-color: #ffc107 !important; /* Amarelo */
	color: #000 !important;
}

/* Toastr - INFORMAÇÃO: azul */
#toast-container > .toast-info {
	background-color: #17a2b8 !important; /* Azul */
	color: #fff !important;
}

/* Opcional: bordas arredondadas e fonte */
#toast-container > div {
	border-radius: 6px;
	font-family: 'Segoe UI', sans-serif;
	font-size: 14px;
	padding: 12px 16px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Botão de fechar (X) com cor branca */
#toast-container .toast-close-button {
	color: #fff !important;
	font-weight: bold;
}

/* Ajuste do layout interno do toast para evitar sobreposição */
#toast-container > .toast {
	border-radius: 6px;
	font-family: 'Segoe UI', sans-serif;
	font-size: 14px;
	padding: 12px 16px !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

	#toast-container > .toast:before {
		content: ""; /* remove ícone padrão — ou personalize aqui */
		display: inline-block;
		width: 20px;
		margin-right: 10px;
	}
	/* Alinha corretamente a mensagem ao lado do ícone */
	#toast-container > .toast .toast-message {
		display: inline-block;
		vertical-align: middle;
	}

.modal-xxl .modal-dialog {
	max-width: 70vw; 
	width: 70vw;
}
.input-personalizado {
	height: 38px;
	width: 100%;
	border: 1px solid #d1d5db; /* equivalente ao border-gray-300 */
	border-radius: 0.375rem; /* rounded-md */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
	padding: 0.5rem; /* opcional, para conforto */
	transition: border-color 0.2s, box-shadow 0.2s;
}

	.input-personalizado:focus {
		border-color: #3b82f6; /* focus:border-blue-500 */
		box-shadow: 0 0 0 1px #3b82f6; /* focus:ring-blue-500 */
		outline: none;
	}
.input-personalizado-readonly {
	height: 38px;
	width: 100%;
	border: 1px solid #d1d5db; /* equivalente ao border-gray-300 */
	border-radius: 0.375rem; /* rounded-md */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
	padding: 0.5rem; /* opcional, para conforto */
	transition: border-color 0.2s, box-shadow 0.2s;
	background-color: #f5f5f5 !important; /* tom fosco */
	cursor: not-allowed !important;
}

.label-personalizado {
	display: block; /* block */
	font-size: 0.875rem; /* text-sm = 14px */
	font-weight: 500; /* font-medium */
	color: #374151; /* text-gray-700 */
}
.headr-principal {
	background-color: #40b2b9 !important;
	color: #fff !important;
}

.btn-link {
	background-color: rgba(158, 109, 224, 0.5) !important;
	color: #fff !important;
	border: none;
}

	.btn-link:hover {
		background-color: #40b2b9 !important;
	}

.breadcrumb {
	justify-content: flex-start;
	padding-left: 0;
}

.image-preview-container {
	position: absolute;
	top: 90px;
	right: 20px;
	width: 150px;
	height: 150px;
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

.image-preview-container-doc {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 150px;
	height: 150px;
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

	.image-preview-container img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
	}

.custom-button {
	background-color: #40b2b9;
	color: white;
	border-color: #28a745;
	border-radius: 10px;
	padding: 5px 10px;
}

	.custom-button:hover {
		background-color: #218838;
		border-color: #1e7e34;
	}

.btn-success.btn-pill {
	background-color: #40b2b9;
	color: white;
	border: 2px solid white;
	margin: 0px 10px 0px 10px;
	transition: opacity 0.3s ease;
}

	.btn-success.btn-pill:hover {
		opacity: 0.8;
	}

/* Estilizar o container do botão */
/*.ti-btn-container {
	display: flex;
	justify-content: flex-end;
	margin-left: auto;
}

.ti-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: white;
	background: linear-gradient(135deg, #40b2b9, #20c0d1);
	border: 2px solid white;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}*/

	/* Adicionar ícone ao botão */
	/*.ti-btn i {
		margin-right: 8px;
		font-size: 16px;
	}*/

	/* Efeito hover */
	/*.ti-btn:hover {
		background: linear-gradient(135deg, #20c0d1, #40b2b9);*/ /* Inverte as cores no hover */
		/*transform: translateY(-2px);*/ /* Levanta o botão */
		/*box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
	}*/

	/* Efeito ao clicar */
	/*.ti-btn:active {
		transform: translateY(2px);*/ /* Botão volta levemente ao clicar */
		/*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	}*/

.gw-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: white;
	background: linear-gradient(135deg, #ff7f7f, #ff4d4d);
	border: 2px solid white;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

	/* Adicionar ícone ao botão */
	.gw-btn i {
		margin-right: 8px;
		font-size: 16px;
	}

	/* Efeito hover */
	.gw-btn:hover {
		background: linear-gradient(135deg, #ff7f7f, #ff4d4d); /* Inverte as cores no hover */
		transform: translateY(-2px); /* Levanta o botão */
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15);
	}

	/* Efeito ao clicar */
	.gw-btn:active {
		transform: translateY(2px); /* Botão volta levemente ao clicar */
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	}


/* Efeito de "ondulação" ao clicar */
.btn-wave::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: #0277BD; /*	rgba(255, 255, 255, 0.4);*/
	border-radius: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.6s ease-out;
}

.btn-wave:active::after {
	width: 200%;
	height: 200%;
	opacity: 0;
	transition: 0s;
}




.ti-btn-pesquisar {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #f8f9fa;
	border: 2px solid #007bff;
	border-radius: 8px;
	padding: 10px 15px;
	font-size: 16px;
	color: #333;
	width: 100%;
	max-width: 300px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	height: 40px;
	margin: 0;
}

	.ti-btn-pesquisar:hover,
	.custom-select:hover {
		border-color: #0056b3;
		background-color: #e9ecef;
	}

	.ti-btn-pesquisar:focus,
	.custom-select:focus {
		outline: none;
		border-color: #0056b3;
		box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
	}

/*.box-header {
	background-color: #f3fcfd;
}
*/
.box-tabs {
	background-color: #ebf5fb	;
}

.card-body {
	background-color: #f3fcfd;
}

/* Estilo para todas as tabelas com a classe 'table-striped' */
table.table-striped tbody tr:nth-child(odd) {
	background-color: #d1fbff; /* Cor mais escura para as linhas ímpares */
}

table.table-striped tbody tr:nth-child(even) {
	background-color: #ffffff; /* Cor clara para as linhas pares */
}

/* Para destacar a linha selecionada (opcional) */
table.table-striped tbody tr:hover {
	background-color: #20c0d1; /* Cor de destaque ao passar o mouse */
}
.bootbox .modal-header {
	background-color: #40b2b9 !important;
	color: #fff !important;
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}