@charset "UTF-8";
@-ms-viewport {
	width: device-width;
}

@font-face {
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/source-sans-pro/SourceSansProRegularItalic.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/source-sans-pro/SourceSansProLight.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/source-sans-pro/SourceSansProRegular.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/source-sans-pro/SourceSansProSemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/source-sans-pro/SourceSansProBold.woff2") format("woff2");
}

body {
	overflow-y: scroll;
	font-size: 12pt;
	line-height: 1.3;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}

button,
input[type="submit"],
.sx-delete-button a,
.sx-button {
	font-size: 1em;
	line-height: 1.5;
}

strong {
	font-weight: 600;
}

.sx-navigation li.sx-logout {
	position: absolute;
	right: 0;
	width: 85px;
}

.sx-main {
	padding: 1%;
	position: relative;
	margin: 33px auto 0;
	box-sizing: border-box;
}

.sx-loading * {
	cursor: progress !important;
}

.sx-modal,
.sx-context {
	position: fixed;
	z-index: 200;
	visibility: hidden;
	opacity: 0;
}

.sx-modal {
	background: rgba(0, 0, 0, 0.6);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 3em 20px 20px;
	box-sizing: border-box;
	overflow-y: auto;
	transition: opacity 0.5s, visibility 0.5s;
}

.sx-modal-close {
	color: #222;
	position: absolute;
	right: 20px;
	top: 0;
	box-sizing: content-box;
}

.sx-context {
	transition: opacity 0.3s, visibility 0.3s;
	background: white;
	border: 1px solid gray;
	color: #3030bf;
	padding: 0;
	margin: 0;
}

.sx-context li {
	border-bottom: 1px solid gray;
	display: block;
	overflow: hidden;
	cursor: pointer;
	padding: 5px;
	font-size: 0.8em;
}

.sx-context li:hover {
	/* background: #aaaafc; */
}

.sx-no-edit li[data-overlay="edit"] {
	display: none;
}

.sx-no-replace li[data-overlay="replace"] {
	display: none;
}

.sx-no-delete li[data-overlay="delete"] {
	display: none;
}

.sx-active {
	visibility: visible;
	opacity: 1;
}

.sx-fixed {
	width: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	position: fixed;
}

.sx-navigation {
	white-space: normal;
	font-size: 0;
	padding: 0 85px 0 0;
	border-bottom: 1px solid #ddd;
	background: #eee;
	position: relative;
}

.sx-navigation li {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #eee;
	position: relative;
	font-size: 12pt;
}

.sx-navigation li:first-child {
	margin-left: -1px;
}

.sx-navigation li:hover {
	border: 1px solid #c7e298;
	background: #c7e298;
}

.sx-navigation li.sx-selected {
	background: white;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.sx-navigation li.sx-selected:after {
	position: absolute;
	display: block;
	background: white;
	left: 0;
	top: 100%;
	height: 2px;
	width: 100%;
	content: "";
}

.sx-navigation li a {
	text-decoration: none;
	color: #222;
	padding: 7px 14px;
	display: block;
}

.sx-content,
.sx-utilities {
	border: 1px solid #ddd;
	padding: 7px;
	border-radius: 3px;
	box-sizing: border-box;
	margin-bottom: 14px;
}

.sx-utilities {
	width: 33%;
	float: right;
}

.sx-content {
	background: white;
}

.sx-utilities.sx-empty {
	display: none;
}

.sx-utilities:not(.sx-empty) ~ .sx-content {
	width: 66%;
	float: left;
}

.sx-h1 {
	font-size: 1.5em;
	font-weight: 500;
	color: #222;
}

.sx-content.sx-inner {
	border: none;
	padding: 0 7px 0 0;
	margin-bottom: 0;
	box-shadow: none;
	border-radius: 0;
}

.sx-content .sx-h1,
.sx-content .sx-h2,
.sx-utilities .sx-h2 {
	margin-top: 0;
}

.sx-content .sx-h2 {
	text-align: center;
}

.sx-content > .sx-h2,
.sx-utilities > .sx-h2 {
	background: #eee;
	border: 7px solid #eee;
	margin-left: -7px;
	margin-right: -7px;
	margin-top: 7px;
	font-size: 1em;
	color: #666;
	font-weight: normal;
}

.sx-h2:first-child {
	margin-top: -7px;
}

.sx-form input[type="submit"],
a[data-handle="modal"],
.sx-modal-close,
.sx-button {
	border: 1px solid #eee;
	border-radius: 3px;
	display: block;
	margin: 5px 0;
	padding: 2px 10px;
	cursor: pointer;
}

.sx-button {
	color: #222;
	text-decoration: none;
}

a[data-handle="modal"],
.sx-modal-close,
.sx-button.sx-modal-style {
	background: #fff;
	color: #222;
	text-decoration: none;
}

a[data-handle="modal"]:hover,
.sx-modal-close:hover,
.sx-button.sx-modal-style:hover {
	border-color: #9bcb49;
}

.sx-utilities a[data-handle="modal"] {
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sx-form input,
.sx-form textarea,
.sx-form select {
	margin: 0 0 10px;
	box-sizing: border-box;
	padding: 3px;
	width: 100%;
}

/* .sx-form input[readonly] {
	border-color: #ddd;
	box-shadow: none;
} */

.sx-form select {
	display: block;
	width: 100%;
}

.sx-form input[type="checkbox"] + span,
.sx-form label,
.sx-form input[type="file"],
.sx-label {
	color: #666;
	font-size: 14px;
}

.sx-error {
	border: 1px solid #ff2300 !important;
	/* box-shadow: 0 0 5px 0 #BF4330 !important; */
}

.sx-form textarea {
	display: block;
	max-width: 100%;
	min-height: 50px;
}

.sx-errors {
	color: #ff5a40;
	font-style: italic;
}

.sx-form input[type="submit"],
.sx-button {
	color: #fff;
	background: #9bcb49;
	border-color: #9bcb49;
	width: auto;
	padding: 2px 10px;
	cursor: pointer;
}

.sx-form input[type="submit"].sx-absolute {
	position: absolute;
	left: 14px;
	bottom: 14px;
}

.sx-space {
	display: block;
	width: 100%;
	height: 3em;
	font-size: 0.7em;
	color: gray;
}

.sx-form input[type="submit"]:hover,
.sx-button:hover {
	color: #fff;
	background: #9bcb49;
	border-color: #9bcb49;
}

.sx-box,
.sx-elements,
.sx-sortable {
	background: white;
	padding: 14px;
	border: 1px solid #eee;
	margin-bottom: 14px;
	position: relative;
}

.sx-elements {
	width: 100% !important;
	min-width: 0 !important;
	position: relative !important;
	box-sizing: border-box !important;
	z-index: 0 !important;
	overflow: hidden !important;
}

.sx-paginate {
	text-align: right;
}

.sx-paginate a {
	text-decoration: none;
	color: #9bcb49;
	font-size: 24px;
	font-weight: 700;
}

.sx-user p,
.sx-user div,
.sx-radio li,
.sx-multi-checkbox li {
	margin: 0;
}

.sx-radio,
.sx-multi-checkbox {
	list-style: none;
	padding: 0;
}

.sx-label + .sx-radio,
.sx-label + .sx-multi-checkbox {
	margin-top: 0;
}

.sx-radio li *,
.sx-multi-checkbox li * {
	width: auto;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.sx-radio li input,
.sx-multi-checkbox li input {
	margin-left: 15px;
}

.sx-comma {
	display: inline-block;
}

.sx-comma span:not(:last-child):after {
	content: ",";
}

.sx-sortable li {
	cursor: move;
	padding: 15px;
}

.sx-sortable li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.sx-utilities ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sx-gap {
	margin-top: 15px;
}

.sx-delete-button {
	margin-top: -2.5em;
}

.sx-tabs *[data-tab="header"] {
	display: inline-block;
}

.sx-tabs *[data-tab="header"]:not(:last-child) {
	border-right: 3px solid #0000a6;
	padding-right: 20px;
	margin-right: 15px;
}

*[data-tab="header"].sx-hidden {
	cursor: pointer;
	color: #0000a6;
}

*[data-tab="header"].sx-hidden:hover {
	color: #7373ff;
}

*[data-tab="content"].sx-hidden {
	display: none;
}

*[data-form="sortable"] > *,
.sx-drag {
	cursor: pointer;
}

.sx-drag {
	position: fixed;
	margin-top: -10px;
	margin-left: -10px;
	cursor: move;
	border: none !important;
}

.sx-no-script {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px;
	border-top: 1px solid #ff8673;
	color: #a61700;
	background: white;
	font-size: 0.8em;
	text-align: center;
	z-index: 300;
	box-sizing: border-box;
}

*[data-select="add"]:not(:first-child) {
	margin-left: 7px;
}

.sx-form input[type="radio"],
.sx-form input[type="checkbox"] {
	margin-bottom: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	accent-color: #729b2c;
}

.sx-table {
	table-layout: fixed;
	width: 100%;
}

.sx-table td,
.sx-table th {
	vertical-align: baseline;
}

.sx-table th {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sx-table td {
	word-wrap: break-word;
}

.sx-show-table {
	float: left;
	margin: 20px 0 0 20px;
	border-collapse: collapse;
}

.sx-show-table td,
.sx-show-table th {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid gray;
}

.sx-show-table tbody th {
	text-align: left;
}

.sx-show-table tbody th.center {
	text-align: center;
}

.sx-show-table tbody .sx-e th {
	color: #0000ff;
}

.sx-show-table tbody .sx-o th {
	color: #ff2300;
}

.sx-show-table .sx-e .sx-e {
	color: #0000a6;
}

.sx-show-table .sx-e .sx-o {
	color: #7373ff;
}

.sx-show-table .sx-o .sx-e {
	color: #a61700;
}

.sx-show-table .sx-o .sx-o {
	color: #ff8673;
}

.sx-show-table td.decision-yes {
	background-color: #77dd77;
}

.sx-show-table td.decision-no {
	background-color: #f99a9c;
}

.sx-show-table td.decision-uncertain {
	background-color: #fcf0cf;
}

.sx-auto {
	overflow: auto;
}

.sx-flex {
	position: relative;
}

.sx-flex:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	content: attr(title);
	background: white;
}

.sx-flex.tar:after {
	right: 0;
	left: auto;
}

.sx-flex:hover:after {
	overflow: visible;
	width: auto;
	padding: 5px;
	top: -5px;
	left: -5px;
}

.sx-flex.tar:hover:after {
	right: -5px;
	left: auto;
}

.sx-form img[src^="data"] {
	border: 1px solid #ddd;
	/* box-shadow: 1px 1px 2px gray; */
}

.sx-persistent-focus {
	box-shadow: 1px 1px 4px #9bcb49;
}

/*
Primary Color: blau
0000FF	3030BF	0000A6	4040FF	7373FF
Secondary Color A: gruen
BBFF00	99BF30	7AA600	CCFF40	DAFF73
Secondary Color B: rot
FF2300	BF4330	A61700	FF5A40	FF8673
*/

@media only screen and (max-width: 720px) {
	.sx-modal .sx-utilities,
	.sx-modal .sx-utilities:not(.sx-empty) ~ .sx-content {
		width: 100%;
		float: none;
	}

	.sx-content.sx-inner {
		padding: 0;
	}
}

@media only screen and (max-width: 480px) {
	.sx-utilities,
	.sx-utilities:not(.sx-empty) ~ .sx-content {
		width: 100%;
		float: none;
	}

	.sx-navigation li {
		border: none !important;
	}

	.sx-navigation li.sx-selected:after {
		display: none;
	}

	.sx-table td {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.sx-table col {
		width: auto !important;
		max-width: auto !important;
		min-width: 0 !important;
	}
}

#concert-result ul li a {
	position: relative;
	padding: 3px 24px 3px 4px;
}

#concert-result ul li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	background-size: 16px;
}

#concert-result ul li a.private::after {
	background-image: url("../img/lock.svg");
}

#concert-result ul li a.public::after {
	background-image: url("../img/public.svg");
}