.tab-links 
{
	overflow: hidden;
	/*
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	*/
}

.tab-links button 
{
	background: none;
	border: none;
	outline: none;
	
	float: left;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;

	box-sizing: border-box;

	border-bottom: 3px solid transparent; /* Feels like a bit of a HACK */
	font-weight: 700;
}

.tab-links button:hover
{
	border-bottom: 3px solid #dddddd;
}

.tab-links button.active 
{
	border-bottom: 3px solid #3e83c7;
	color: #4e99e4;
}

.tab 
{
	display: none;
	padding-top: 12px;
	/*
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	*/
}

.tab.active 
{
	display: block;
}