article.content{
	border: 1px solid black;
	padding: 10px;
}

 a.button{
	 background: RGB( 133, 0, 5);
	 color: white;

	 display: inline-block;

	 border: 1px solid black;
	 padding: 5px 10px 5px 10px;

	 text-align: center;
	 text-decoration: none;

	 cursor: pointer;
 }


table#contracts_table tr{
	text-align: center;
}

/* Loading animation */

.loading-wrapper {
	position: relative;
}
.loading-wrapper {
	margin: 2.5em 0;
	padding-bottom: 1em;
}

.loading-wrapper .loading-content {
	opacity: 1;
}

.loading-wrapper .fade-out {
	opacity: .3;
}

.loading {
	display: inline-block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loading.hide {
	display: none;
}

.loading div {
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 16px;
	background: #790000;
	animation: loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.loading div:nth-child(1) {
	left: 8px;
	animation-delay: -0.24s;
}
.loading div:nth-child(2) {
	left: 32px;
	animation-delay: -0.12s;
}
.loading div:nth-child(3) {
	left: 56px;
	animation-delay: 0;
}
@keyframes loading {
	0% {
		top: 8px;
		height: 64px;
	}
	50%, 100% {
		top: 24px;
		height: 32px;
	}
}