/* >>> Cookie Consent */

.suti-consent-container {
	border-radius: 4px;
	width: auto;
	min-height: 148px;
	max-height: 837px;
	height: auto;
	background: var(--color-2);
	opacity: 0.96;
}

	.suti-consent-container .level-container {
		display: flex;
		/*padding: 30px;*/
		height: auto;
		overflow-y: auto;
	}

	.suti-consent-container input[type="checkbox"] {
		/*accent-color: var(--token-bg-color)*/
		filter: hue-rotate(325deg) brightness(1.2);
		width: 15px;
		height: 15px;
	}

/*.cookiepolicy-buttons-container {
	padding: 0 30px 30px 30px;
}*/

.cookie-consent-title {
	padding: 30px;
	/*font-size: 22px;*/
	border-bottom: 5px solid dimgray;
}

.cookie-consent-title-label {
	padding: 15px 0px;
	font-family: 'Roboto', Verdana,sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #778fbf; /*#778fbf;*/
	text-transform: uppercase;
}

.suti-consent-container .level-container .level-content .level-header {
	color: #242d40;
	padding-bottom: 3px;
}

.suti-consent-container .level-container .level-content .level-description {
	font-family: 'Roboto', Verdana,sans-serif;
	font-size: 14px;
	color: #003767;
}


.suti-consent-container .level-container .level-content {
	flex: 1;
	padding: 0 10px;
}

	.suti-consent-container .level-container .level-content .level-header {
		color: #003767;
	}

	.suti-consent-container .level-container .level-content .level-description {
		font-family: 'Roboto', Verdana,sans-serif;
		font-size: 14px;
		color: #003767;
	}

	.suti-consent-container .level-container .level-content:first-child {
		padding-left: 0;
	}

	.suti-consent-container .level-container .level-content:last-child {
		padding-right: 0;
	}

	/*.suti-consent-container .level-container .level-content input[type="checkbox"] {
			display: none;
		}*/

	.suti-consent-container .level-container .level-content input[type="checkbox"]:not(.old) + label:before {
		margin-left: -25px !important;
	}

.suti-consent-container .mobile-scrollable-container {
	overflow-y: auto;
}

.cookiepolicy-setting-header {
	font-family: 'Roboto', Verdana,sans-serif;
	font-size: 2em;
	color: white;
	text-align: left;
}

.cookiepolicy-setting-label {
	font-family: 'Roboto', Verdana,sans-serif;
	font-size: 15px;
	font-weight: 600;
	/*color: #242d40;*/
	color: white;
}

.cookiepolicy-introduction-label {
	font-family: 'Roboto', Verdana,sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*color: #242d40;*/
	color: white;
}

	.cookiepolicy-introduction-label b {
		font-weight: 600;
	}

.cookiepolicy-setting-item {
	font-family: 'Roboto', Verdana,sans-serif;
	font-size: 14px;
	line-height: 20px;
	/*color: #242d40;*/
	color: white;
}

.cookiepolicy-button-transparent {
	display: table;
	background: transparent;
	text-decoration: none;
	cursor: pointer;
	padding: 2px 20px;
	border-radius: 20px;
	border: 1px solid white;
	font-size: 15px;
	color: white;
}

	.cookiepolicy-button-transparent span {
		display: inline-block;
		padding: 0 10px;
		line-height: 30px;
	}

	.cookiepolicy-button-transparent:hover {
		background: var(--color-2-act);
	}


.cookiepolicy-buttons-inline {
	display: table;
}

.cookie-setting-popup {
	border-radius: 4px;
	opacity: 0.96;
	background-color: var(--color-2);
	margin-left: 20px;
	margin-right: 20px;
}

	.cookie-setting-popup .dxpc-content {
		padding: 0 !important;
	}

.suti-consent-container .mobile-scrollable-container {
	padding: 30px 0 30px 30px;
}

.cookiepolicy-introduction-container, .suti-consent-container .level-container, .cookiepolicy-buttons-container {
	padding-right: 30px;
}

@media (max-width: 991px) {
	body {
		/*min-width: 768px;*/
	}

	.alert {
		max-width: 628px;
	}

	.heading .navigation {
		display: none;
	}

	.suti-consent-container .level-container {
		flex-wrap: wrap;
		height: auto;
	}

		.suti-consent-container .level-container .level-content {
			width: 50%;
			max-width: calc(50% - 10px);
			padding: 0;
			flex: auto;
		}

			.suti-consent-container .level-container .level-content:first-child {
				padding-bottom: 20px;
			}

			/*.suti-consent-container .level-container .level-content:nth-child(even) {
				padding-left: 10px;
			}*/

			.suti-consent-container .level-container .level-content input[type="checkbox"]:not(.old) + label:before {
				top: -8px;
			}
}

/* Mobile */
@media (max-width: 767px) {
	body {
		/*min-width: 320px;*/
	}

	.suti-consent-container {
		display: flex;
		flex-direction: column;
		max-height: inherit;
	}

		.suti-consent-container .text-container {
			padding: 30px;
		}

			.suti-consent-container .text-container h2 {
				font-size: 28px;
			}

		.suti-consent-container .level-container {
			/*padding: 30px;*/
			height: auto;
			/*height: 300px;*/
		}

			.suti-consent-container .level-container .level-content {
				width: 100%;
				max-width: 100%;
				padding: 0;
				flex: auto;
				padding-bottom: 20px;
			}

				.suti-consent-container .level-container .level-content:last-child {
					padding-bottom: 0px;
				}

				.suti-consent-container .level-container .level-content:nth-child(even) {
					padding-left: 0;
				}

				.suti-consent-container .level-container .level-content input[type="checkbox"]:not(.old) + label:before {
					top: 0;
				}
}

@media (min-width: 631px) {
	.suti-consent-container .dxbButtonSys.dxbTSys {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 630px) {
	.cookiepolicy-buttons-inline {
		width: 100% !important;
	}

	.cookie-setting-popup {
		margin-left: 0;
		margin-right: 0;
	}
}

/* <<< Cookie Consent*/