body,
#pagina-articolo,
#pagina-ordini,
#pagina-evento,
#pagina-info-utile,
#pagina-punto-di-interesse,
#pagina-statistiche {
	background-color: #09172d;
	color: #fff;
}

footer {
	width: 100%;
	background-color: #1f1f1f;
}

input {
	/* max-width: 300px; */
	margin: auto;
}

input:disabled {
	background-color: transparent;
}

span {
	margin-left: -1px;
}

a,
a:hover {
	color: #add8e6;
}

.a-no-style {
	color: #fff;
}

.a-no-style:hover {
	color: #fff;
}

[disabled].underline-input:not(.transparent-input) {
	border-bottom-color: #7f7f7f;
	color: #8c8c8c;
}

[disabled].underline-input.transparent-input {
	filter: brightness(50%);
}

::-webkit-calendar-picker-indicator {
	margin: 0;
}

.flipped {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#alert-bar {
	position: fixed;
	bottom: 0;
	margin: 20px 40px;
	width: calc(100% - 80px);
	border-radius: 5px;
	display: none;
}

#alert-bar.ok {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
}

#alert-bar.error {
	background-color: #f8d7da;
	border: 1px solid #721c24;
	color: #721c24;
}

.underline-input,
.underline-input:focus {
	border: 0;
	border-bottom: 2px solid #000;
	width: 100%;
	max-width: none;
	outline: none;
	padding-bottom: 3px;
	color: #000;
}

.transparent-input,
.transparent-input:focus {
	border-bottom-color: #fff;
	background-color: transparent !important;
	color: #fff;
}

.img-background {
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	padding: 4px;
	width: 100%;
	height: 100%;
	object-fit: cover;

	filter: blur(8px);
	-webkit-filter: blur(8px);
}

.img-foreground {
	z-index: 3;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.img-container {
	float: left;
	position: relative;
	display: flex;
}

.clickable:hover {
	filter: brightness(85%);
	cursor: pointer;
}

.clickable-light:hover {
	filter: brightness(92%);
	cursor: pointer;
}

.item {
	border-radius: 0.25rem;
	background-color: #fff;
	background-clip: border-box;
}

img {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Chrome, Edge, Opera and Firefox */
}

.no-selection {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Chrome, Edge, Opera and Firefox */
}