.alert {
	margin: 20px 0;
	clear: both;
	border-radius: 10px;
	font-size: .9rem;
	line-height: .9rem;
	padding: 15px;
}

	.alert.info {
		background-color: var(--color-info);
		color: var(--color-info-reverse);
	}

	.alert.success {
		background-color: var(--color-success);
		color: var(--color-success-reverse);
	}

	.alert.warning {
		background-color: var(--color-warning);
		color: var(--color-warning-reverse);
	}

	.alert.error {
		background-color: var(--color-error);
		color: var(--color-error-reverse);
	}

.alert-icons {
	position: absolute;
	right: 18px;
	bottom: 45px;
}

	.alert-icons h4 {
		border: 1px solid var(--text-color);
		border-radius: 3px;
		padding: 5px 10px;
	}

.rental-list .alert-icons h4::after {
	content: none;
}

.site-alert {
	display: block;
	position: absolute;
	width: 100%;
	clear: both;
	padding: 15px 10% 17px 10%;
	background: var(--color-warning);
	color: var(--color-darkest);
	font-size: .9rem;
	line-height: .9rem;
	text-align: center;
	z-index: 999;
	display: none;
}

	.site-alert a,
	.site-alert p {
		text-decoration: none;
		color: var(--color-darkest);
		margin: 0;
	}

	.site-alert .close {
		top: 50%;
		right: 10px;
		padding: 10px;
		transform: translateY(-50%);
	}

.cookie-policy {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	padding: 20px 80px 20px 20px;
	color: var(--text-color);
	font-size: .8rem;
	line-height: 1rem;
	background: var(--color-info);
	display: none;
}

	.cookie-policy .close {
		width: 40px;
		height: 40px;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

@media screen and (max-width:834px) {
	.cookie-policy {
		width: 80%;
		left: 50%;
		bottom: 50%;
		transform: translate(-50%, -50%);
		border-radius: 15px;
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}
}