.pageContent {
	padding: 15px;
}

header {
    padding: 1rem;
}

.profile-picture {
    float: left;
    margin-right: 1rem;
}

.profile-picture-upload {
    width: auto;
    display: unset;
}


.numbered-table tr td:first-of-type {
    text-align: right;
}

.inlineHeadline {
	padding-bottom: .5rem;
}

.inlineHeadline > * {
	vertical-align: middle;
}

.inlineHeadline > h2 {
	display: inline-block;
	margin: 0 .5rem 0 0;
}

th, td {
	padding: 3px;
}

table {
	border-collapse: collapse;
}

.tag {
	color: white;
	border-radius: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	transition: background-color 0.5s, color 0.5s, border-radius 0.5s;
}

.special-tag {
	color: unset;
	font-style: italic;
	border-radius: 0px;
}

li:not(.selected) .tag {
	color: white;
	background-color: gray !important;
}

.bold_label {
	font-weight: bold;
}

.error-page {
    font-family: sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.error-page h1, .error-page h2, .error-page h3 {
    font-weight: 200;
}

.error-page h1 {
    font-size: 186px;
    margin: 0;
    background-image: linear-gradient(135deg, #ffff00, #ff0000);
    color: transparent;
    background-clip: text;
    text-transform: uppercase;
}

.error-page h2 {
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.error-page a {
    color: #ff8080;
    text-decoration: none;
}

tr.guest {
    font-style: italic;
    background-color: #F5F5F5
}