.container {
	width: 80%;
	margin: 0 auto;
	padding: 20px;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
	font-size: 20px;
}


section {
	margin-bottom: 30px;
}

pre {
	background-color: #f4f4f4;
	padding: 15px;
	border-left: 5px solid #27AE60;
	overflow-x: auto;
	white-space: pre-wrap; /* Allows text to wrap */
}

table {
	width: 100%;
	border-collapse: collapse;
}

table, th, td {
	border: 2px solid #122C3D;
	padding: 10px;
	text-align: left;
}

th {
	background-color: #f4f4f4;
}

.variable-description th {
	background-color:rgba(18, 44, 61, 0.50);
	text-align: center;
	
}

code {
	padding: 2px 4px;
	border-radius: 4px;
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
}

h1, h2 {
  margin: 0;
  padding: 0;
  font-size: 30px;
  color:#122C3D;
}

button {
	padding: 10px 15px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
.download-btn {
	background-color: #27AE60;
	color: white;
}
.download-btn:hover {
	background-color: #219653;
}

.download-btn-disabled {
	background-color: rgba(39, 174, 96, 0.5);
	color: white;
}


.locked-btn {
	background-color: #f44336;
	color: white;
	position: relative;
}
.locked-btn:hover {
	background-color: #e7352c;
}
.locked-btn::after {
	content: '\1F512'; /* Unicode for lock icon */
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.button-container {
	position: relative;
	text-align: center;
}