/* Estilos para .container */
		.container {
			display: flex !important;
			justify-content: flex-end !important;
			align-items: center !important;
			height: 100vh !important;
			position: relative !important;

		}

		/* Estilos para .form-table */
		.form-table {
			width: 50% !important;
			background-color: #f0f0f0 !important;
			padding: 20px !important;
			border-radius: 10px !important;
		}

		/* Estilos para .form_padrao */
		.form_dados_agendados {
			background-color: white !important;
			padding: 20px !important;
			border-radius: 8px !important;
			width: 50% !important;
			margin: 0 !important;
			position: relative !important;
			right: 0 !important;
		}

		/* Estilos para título */
		.form_dados_agendados h2 {
			padding: 8px 12px;
			font-size: 0.75rem;
			font-weight: 600;
			color: #333;
			border-radius: 6px;
			text-align: center;
			margin-bottom: 20px;
		}

		.form_dados_agendados h4 {
			font-size: 0.7rem;
			/* Reduzindo o tamanho da fonte */
			font-weight: 600;
			color: #000;
			letter-spacing: 0.3px;
			/* Ajustando o espaçamento das letras */
			text-transform: capitalize;
			line-height: 1.2;
			/* Ajustando a altura da linha para menor espaçamento */
			margin-bottom: 1px;
			/* Reduzindo a margem inferior */
		}

		/* Estilos para textos e placeholders */
		.form_dados_agendados span {
			display: block;
			font-size: 0.70rem;
			color: #333;
			margin-bottom: 0;
			/* Remove margem inferior */
			line-height: 0.9;
			/* Reduz a altura da linha para aproximar mais os textos */
		}


		.form_dados_agendados input {
			width: 100%;
			padding: 8px;
			font-size: 0.85rem;
			border: 1px solid #fff;
			border-radius: 6px;
			background-color: #fff;
		}

		.form_dados_agendados input:focus {
			background-color: #f9f9f9;
			color: #555;
		}

		.form_dados_agendados input::placeholder {
			color: #bbb;
		}

		/* Estilos para os labels */
		.form_dados_agendadoslabel {
			font-size: 0.85rem;
			font-weight: 600;
			color: #333;
			margin-bottom: 6px;
			display: block;
		}

		.form_dados_agendados input:focus+label {
			color: #007bff;
			transition: color 0.3s ease;
		}

		/* Estilo para o título da seção */
		.form_dados_agendados .section-title h3 {
			font-size: 1rem;
			font-weight: bold;
			margin-bottom: 70px;
		}

		/* Estilos para grupos de entradas */
		

		.input-group strong {
			font-weight: 600;
			color: #333;
		}

		/* Estilos para tabelas dentro de .infoBox */
		.infoBox table {
			width: 100% !important;
			/* Torna a largura da tabela obrigatória */
			table-layout: fixed !important;
			/* Garante que as colunas sejam distribuídas de maneira uniforme */
			border-collapse: collapse !important;
			/* Remove os espaçamentos entre as células */
			overflow-x: auto !important;
			/* Permite rolagem horizontal caso necessário */
		}


		.infoBox th,
		.infoBox td {
			border: 1px solid #ccc !important;
			/* Torna a borda da célula obrigatória */
			padding: 6px !important;
			/* Ajusta o padding das células */
			text-align: center !important;
			/* Alinha o texto à esquerda */
			font-size: 12px !important;
			/* Diminui o tamanho da fonte */
			word-wrap: break-word !important;
			/* Impede o texto de ultrapassar o limite da célula */
		}

		.infoBox {
			/* max-width: 80% !important; */
			/* Permite que a tabela ocupe toda a largura disponível */
			overflow-x: auto !important;
			/* Ativa a rolagem horizontal */
		}

		fieldset {
			border: none;
			/* Remove a borda padrão */
			padding: 0;
			/* Remove qualquer espaçamento interno */
			margin: 0;
			/* Remove margem extra */
		}

		legend {
			font-size: 0.9em;
			font-weight: bold;
			color: #222;
			margin-bottom: -2px;
			/* Corrigido para um valor válido */
			padding-bottom: 0;
			display: block;
			line-height: 1;
			/* Reduz o espaçamento vertical entre as linhas */
			margin-top: 0;
			/* Remove qualquer margem superior */

		}

		.row.g-3.mb-3 {
			margin-top: -5px;
			/* Opcional: reduz ainda mais o espaço */
		}

		/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

		/* Container que envolve as tabelas para organizá-las lado a lado */
		.table-container {
			display: flex;
			justify-content: space-between;
			gap: 20px;
			/* Espaçamento entre as tabelas */
			flex-wrap: wrap;
			/* Permite quebra de linha em telas menores */
			padding: 15px;
		}









		/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		/* Estilos para títulos personalizados */
		.titulo-personalizado {
			font-size: 1rem !important;
			/* Define um tamanho de fonte menor */
			color: #000 !important;
			/* Define a cor do título como preto */
			font-weight: 600 !important;
			/* Deixa o texto em negrito */
			margin-top: 0.5rem !important;
			/* Ajusta o espaçamento superior */
			margin-bottom: 0.5rem !important;
			/* Ajusta o espaçamento inferior */
		}

		/* Estilos para tabelas */
		.table {
			font-size: 8px;
			/* Fonte ainda menor */
			width: 80%;
			/* Ajustando a largura da tabela para 80% */
			margin: 0 auto;
			border-collapse: collapse;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
			background-color: #fff;
			margin-top: 10px;
			/* Menos espaçamento superior */
		}

		/* Estilos para cabeçalhos da tabela */
		.table th {
			background-color: #007bff;
			color: #fff;
			font-weight: bold;
			padding: 4px 6px;
			/* Menos padding */
			text-align: center;
			text-transform: uppercase;
			border-bottom: 2px solid #0056b3;
			font-size: 8px;
			/* Menor tamanho de fonte para os títulos */
		}

		/* Estilos para as células da tabela */
		.table td {
			padding: 4px 6px;
			/* Menos padding nas células */
			text-align: center;
			color: #333;
			vertical-align: middle;
			border-bottom: 1px solid #ddd;
			font-size: 8px;
			/* Tamanho de fonte menor para os dados */
		}

		/* Tabela com linhas alternadas */
		.table-striped tbody tr:nth-child(odd) {
			background-color: #f8f9fa;
		}

		.table-striped tbody tr:nth-child(even) {
			background-color: #fff;
		}

		/* Borda da tabela */
		.table-bordered {
			border: 1px solid #dee2e6;
		}

		.table-bordered th,
		.table-bordered td {
			border: 1px solid #dee2e6;
		}

		/* Efeito hover para as linhas */
		.table tbody tr:hover {
			background-color: #f1f1f1;
			cursor: pointer;
		}

		/* Ajustes no filtro e barra de pesquisa */
		.dataTables_filter input {
			border: 1px solid #ccc;
			padding: 4px;
			/* Menos padding no filtro */
			width: 180px;
			/* Ajustando o tamanho da barra de pesquisa */
			border-radius: 5px;
			margin-bottom: 8px;
		}

		.dataTables_filter input:focus {
			border-color: #007bff;
			outline: none;
		}

		/* Ajuste na largura das células para não ficarem muito largas */
		.table th,
		.table td {
			word-wrap: break-word;
			max-width: 100px;
			/* Largura ainda menor para as células */
		}

		/* Nomes simplificados */
		.table th {
			text-transform: none;
			font-size: 8px;
		}

		.table td {
			font-size: 8px;
		}

		/*___________________________________________*/

		.botoes-atreladas {
			display: flex;
			flex-wrap: wrap;
			/* Permite que o "Ordem de Coleta" fique abaixo */
			align-items: center;
			gap: 6px;
			/* Pequeno espaçamento entre os botões */
		}

		.custom-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 6px 14px;
			/* Tamanho uniforme */
			border-radius: 0;
			font-size: 12px;
			/* Fonte menor */
			font-weight: 600;
			text-transform: uppercase;
			color: white;
			background-color: #007bff;
			/* Azul fixo */
			cursor: pointer;
			transition: background-color 0.2s ease, transform 0.1s ease;
			text-decoration: none;
			outline: none;
			min-width: 120px;
			/* Todos os botões com mesmo tamanho */
			margin: 0;
			/* Remove margens laterais extras */
		}

		/* Botão Cancelar - Vermelho */
		.custom-btn.cancel {
			background-color: #dc3545;
			border-color: #b02a37;
			color: white;
		}

		/* Hover */
		.custom-btn:hover {
			background-color: #0056b3;
		}

		.custom-btn.cancel:hover {
			background-color: #b02a37;
		}

		/* Botão Ordem de Coleta - Ocupa toda a largura */
		.form_cancela_lib {
			width: 100%;
			/* Garante que ocupe toda a linha abaixo */
			margin-top: 6px;
			/* Pequeno espaçamento superior */
		}

		.form_cancela_lib .custom-btn {
			width: 100%;
			/* Ocupa toda a largura */
		}

		.status-container {
			display: flex;
			align-items: center;
			/* Alinha verticalmente com os dados */
			justify-content: flex-end;
			/* Mantém alinhado à direita */
			padding: 5px 10px;
			/* Reduz o espaçamento */
			margin: 0;
			/* Remove margens extras */
			font-size: 0.9em;
			/* Opcional: diminui o tamanho da fonte */
		}

		.status-btn {
			background-color: #28a745;
			/* Degradê verde */
			color: #ffffff !important;
			/* Texto branco */
			padding: 14px 28px;
			font-size: 16px;
			font-weight: bold;
			border: none;
			outline: none;
			text-align: center !important;
			display: flex;
			align-items: center;
			justify-content: center;
			width: fit-content;
			/* Ajusta o tamanho ao conteúdo */
		}