body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	display: flex;
}
nav {
	width: 250px;
	background-color: #2c3e50;
	color: white;
	height: 100vh;
	position: fixed;
	overflow-y: auto;
}
nav h2 {
	text-align: center;
	padding: 1em 0;
	margin: 0;
	border-bottom: 1px solid #34495e;
}
nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
nav ul li {
	padding: 10px;
	border-bottom: 1px solid #34495e;
}
nav ul li a {
	padding: 05px;
	color: white;
	text-decoration: none;
	display: flex;
	align-items: center;
}
nav ul li a .fas {
	margin-right: 10px;
}
nav ul li a:hover {
	background-color: #34495e;
}
main {
	margin-left: 250px;
	padding: 20px;
	flex: 1;
}
header {
	background-color: #34495e;
	color: white;
	padding: 1em;
	text-align: center;
}
section {
	margin-bottom: 2em;
}
section h2 {
	border-bottom: 2px solid #34495e;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
table {
	width: 100%;
	border-collapse: collapse;
}
th, td {
	border: 1px solid #ddd;
	padding: 8px;
}
th {
	background-color: #f2f2f2;
	text-align: left;
}
tr:nth-child(even) {
	background-color: #f9f9f9;
}
.subtitle {
	background-color: #e3f2fd;
	border-left: 6px solid #1e88e5;
	padding: 10px;
	margin: 20px 0;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
}
.subtitle_green {
	background-color: #e0f7e0; /* Verde claro */
	border-left: 6px solid #4caf50; /* Cor original */
	padding: 10px;
	margin: 20px 0;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
}
.subtitle_gray {
	background-color: #CBCBCB; /* Verde claro */
	border-left: 6px solid #7E7E7E; /* Cor original */
	padding: 10px;
	margin: 20px 0;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
}
.warning {
	background-color: #ffeb3b;
	border-left: 6px solid #fbc02d;
	padding: 10px;
	margin: 20px 0;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
}
.code-box {
	background-color: #282c34;
	color: #abb2bf;
	padding: 10px;
	border-radius: 5px;
	font-family: monospace;
	position: relative;
	margin: 20px;
	overflow: auto;
}
.copy-button {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	color: #61dafb;
	cursor: pointer;
	font-size: 14px;
}
.featured-menu {
	background: linear-gradient(45deg, #FFD700, #FFA500);
	color: black;
	font-weight: bold;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	transition: transform 0.3s;
}
.featured-menu:hover {
	transform: scale(1.05);
}
pre {
	background-color: #282c34;
	color: white;
	border-radius: 4px;
	padding: 10px;
	font-family: 'Courier New', Courier, monospace;
}
comment {
	color: yellow;
	font-weight: bold;	
}
.code-key-word {
	color: #D98A00; 
}
.code-param {
	color: #0099D9;
}
.code-comment {
	color: #00D919;
}


/* Estilos básicos para o container das abas */
.tab {
	display: flex;
	cursor: pointer;
	background-color: #f1f1f1;
	padding: 10px;
}

/* Estilo para cada aba */
.tab button {
	background-color: inherit;
	border: none;
	outline: none;
	padding: 10px 20px;
	margin-right: 5px;
	transition: 0.3s;
}

/* Estilo da aba ativa */
.tab button.active {
	background-color: #ccc;
}

/* Esconder o conteúdo até ser ativado */
.tabcontent_dp_pedidos {
	display: none;
	padding: 20px;
	border: 1px solid #ccc;
	border-top: none;
}

.tabcontent_dp_pedidos_produtos {
	display: none;
	padding: 20px;
	border: 1px solid #ccc;
	border-top: none;
}

/* Mostrar o conteúdo ativo */
.tabcontent_dp_pedidos.active {
	display: block;
}

.tabcontent_dp_pedidos_produtos.active {
	display: block;
}