
/* Style the buttons that are used to open and close the expander panel */
.expander {
		background-color: #eee;
		color: #444;
		cursor: pointer;
		font-size:24px;
		line-height:1em;
		padding: 10px;
		margin-bottom:10px;
		width: 100%;
		text-align: left;
		border: none;
		outline: none;
		transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .expander:hover {
		background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panela {
		padding: 0;
		background-color: white;
		display: none;
		overflow: hidden;
}
