:root {
	--color-red: #bb1919;
	--color-middle-grey: #c6c6c6;
	--color-light-grey: #e1e1e1;
}

.detail .dossierButtons button:not(.newblock) {
	float: right;
}

.detail .dossierButtons button.newblock {
	margin-right: 20px;
	float: left;
}

.detail .dossierButtons button.disabled {
	cursor: default;
	opacity: 0.4;
}

a.button:hover,
a.button.inverse {
	text-decoration: none;
}

.button {
	font: var(--font-regular);
	cursor: pointer;
	font-size: 1rem;
	padding: 8px 16px;
	transition: background-color .3s, color .3s;
	background-color: var(--color-white);
	border: 1px solid var(--color-white);
	color: var(--color-dark-blue);
}

.header .user a {
	color: var(--color-white);
}

.header .user a.button {
	float: right;
	background-color: var(--color-light-blue);
	border-color: var(--color-light-blue);
	color: var(--color-dark-blue);
	border-radius: 5px;
}

.button:hover,
.button.inverse {
	background-color: var(--color-dark-blue);
	border: 1px solid var(--color-white);
	color: var(--color-white);
}

.header .user a.button:hover {
	background-color: var(--color-white);
	border: 1px solid var(--color-white);
	color: var(--color-dark-blue);
}

.button.inverse:hover {
	background-color: var(--color-white);
	border: 1px solid var(--color-white);
	color: var(--color-dark-blue);
}

.button.newblock {
	background-color: var(--color-td-even);
	border: 1px solid var(--color-white);
	color: var(--color-dark-blue);
}

.button.newblock:hover {
	background-color: var(--color-white);
	border: 1px solid var(--color-td-even);;
}

.frontendLogin .authForm {
	width: 30%;
}

.authForm .buttons {
	margin: 50px 0 0 0;
}

.authForm label {
	font-weight: normal;
	font-size: 1.2rem;
	margin-bottom: 5px;
	display: block;
}