body {
	font-family: 'Roboto', Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
}

.button {
	font-size: 16px;
	border: 0 !important;
	padding: 0.5em 1.2em !important;
	margin-right: 5px;
	cursor: pointer;
	color: #fff;
	margin-top: 10px;
	text-shadow: 0 1px 0 rgba(0, 51, 83, 0.2);
	/*font-weight: 500;*/
	box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
	transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
	outline: none;
	-webkit-appearance: none; /* iOS */
}

a.button {
	text-decoration: none;
}
.blue {
	color: #fff;
	background-color: #5787FF;
}

	.blue:hover {
		background-color: #2D73FF;
	}

.gray {
	color: #fff;
	background-color: #A6A7AA;
}

.gray:hover {
	background-color: #A0A1A5;
}

.green {
	color: #fff;
	background-color: #18D6BA;
}

	.green:hover {
		background-color: #17CAB0;
	}

.red {
	color: #fff;
	background-color: #ED4036;
}

.red:hover {
	background-color: #E23D34;
}

.transparent {
	color: black;
	background-color: transparent;
	border: 1px solid #808080 !important;
}

	.transparent:hover {
		outline: none;
		box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.65);
	}

.disabled,
.button.disabled {
	cursor: default;
	color: #fff;
	background-color: #F0F0F0;
}

html body .button:disabled {
	background-color: #CECECE;
	cursor: default;
}


.rounded {
	border-radius: 20px;
}

.div-trial-headline {
	padding-top: 20px;
	max-width: 700px;
	display: inline-block;
}

.trial-headline {
	color: #666666;
	font-size: 18px;
	font-weight: 500;
}

.trial-infotooltip {
	width: 30px !important;
	min-width: 30px !important;
	text-align: center;
	vertical-align: middle;
}

	.trial-infotooltip img {
		vertical-align: middle;
	}

.trial-label {
	display: table-cell;
	font-size: 14px;
	padding: unset;
	font-weight: 500;
}

.trial-checkboxlist {
	display: table;
	vertical-align: middle;
}

	.trial-checkboxlist label {
		display: unset;
		font-size: 14px;
		padding: unset;
		padding-left: 4px;
	}

.trial-row {
	display: table-row;
	padding: 5px;
}

.trial-container {
	display: table;
	text-align: left;
	margin: auto;
	padding-top: 35px;
	padding-bottom: 40px;
	border-collapse: separate;
	border-spacing: 8px;
}

.trial-column {
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (max-width: 500px) {
	.trial-column {
		display: inline-table !important;
	}
}