/* -----------------------------------------------------
 * Software: Eorisis Framework
 * Author: Eorisis
 * Author URI: https://eorisis.com
 * Copyright (C) 2011-2024 EORISIS. All Rights Reserved.
 * License: Eorisis License: https://eorisis.com/license
 * Terms of Service: https://eorisis.com/tos
 * ----------------------------------------------------- */

#eorisis-consent-wrapper
{
	left:0;
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:100%;
	min-width:100%;
	min-height:20px;
	line-height:30px;
	padding:0;
	margin:0;
	background-color:transparent !important;
	position:fixed;
}

#eorisis-consent-wrapper *
{
	font-family:Arial,sans-serif !important;
	text-shadow:none !important;
}

#eorisis-consent-wrapper div,
#eorisis-consent-wrapper .ebutton
{
	font-family:Arial,sans-serif !important;
	font-size:14px !important;
}

#eorisis-consent-wrapper.dark-grey .switch,
#eorisis-consent-wrapper.dark-grey .switch:hover,
#eorisis-consent-wrapper.grey .switch,
#eorisis-consent-wrapper.grey .switch:hover
{
	color:white;
}

#eorisis-consent-wrapper.white .switch,
#eorisis-consent-wrapper.white .switch:hover
#eorisis-consent-wrapper.light .switch,
#eorisis-consent-wrapper.light .switch:hover,
#eorisis-consent-wrapper.light-grey .switch,
#eorisis-consent-wrapper.light-grey .switch:hover
{
	color:#111;
}

#eorisis-consent-wrapper .consent-button.blue,
#eorisis-consent-wrapper .consent-button.blue:hover
{
	color:white !important;
}

#eorisis-consent-wrapper .consent-button.white,
#eorisis-consent-wrapper .consent-button.white:hover
{
	color:#111 !important;
}

#eorisis-consent-wrapper.zindex
{
	z-index:999999;
}

#eorisis-consent-wrapper.panel-top
{
	top:0;
}

#eorisis-consent-wrapper.panel-bottom
{
	bottom:0;
}

#eorisis-consent-wrapper.white #consent-panel
{
	background-color:white;
	border-color:white;
	color:#333;
}

#eorisis-consent-wrapper.light #consent-panel,
#eorisis-consent-wrapper.light-grey #consent-panel
{
	background-color:#f2f2f2;
	border-color:#d1d1d1;
	color:#333;
}

#eorisis-consent-wrapper.light-grey #consent-panel
{
	background-color:#ccd6dd;
	border-color:#d1d1d1;
	color:#333;
}

#eorisis-consent-wrapper.grey #consent-panel
{
	background-color:#66757f;
	border-color:#888;
	color:white;
}

#eorisis-consent-wrapper.dark-grey #consent-panel
{
	background-color:#2F343A;
	border-color:#333;
	color:#f2f2f2;
}

#eorisis-consent-wrapper div
{
	padding:0;
	clear:both;
}

#eorisis-consent-wrapper .consent-button,
#eorisis-consent-wrapper .ebutton
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	text-decoration:none !important;
}

#eorisis-consent-wrapper .ebutton
{
	gap:3px;
	min-width:100px;
	padding:10px 15px;
	border:1px solid #aaa;
	white-space:nowrap;
}

#eorisis-consent-wrapper .ebutton:hover
{
	cursor:pointer;
}

#eorisis-consent-wrapper.dark-grey .switch .ebutton
{
	border-color:#aaa;
}

#eorisis-consent-wrapper.grey .switch .ebutton
{
	border-color:#ddd;
}

#eorisis-consent-wrapper .bold .ebutton
{
	font-weight:bold;
}

#eorisis-consent-wrapper .switch.radius-intense,
#eorisis-consent-wrapper .radius-intense .ebutton
{
	overflow:hidden;
	border-radius:50px;
}

#eorisis-consent-wrapper .switch.radius-normal,
#eorisis-consent-wrapper .radius-normal .ebutton
{
	overflow:hidden;
	border-radius:3px;
}

#eorisis-consent-wrapper.white .switch .ebutton
#eorisis-consent-wrapper.light .switch .ebutton,
#eorisis-consent-wrapper.light-grey .switch .ebutton
{
	border-color:#666;
}

#eorisis-consent-wrapper .consent-button.blue .ebutton,
#eorisis-consent-wrapper .consent-button.blue .ebutton:hover
{
	background-color:#4285f4 !important;
	border-color:#4285f4 !important;
	color:white !important;
}

#eorisis-consent-wrapper .consent-button.white .ebutton,
#eorisis-consent-wrapper .consent-button.white .ebutton:hover
{
	background-color:white !important;
	border-color:white !important;
	color:#111 !important;
}

#eorisis-consent-wrapper.dark-grey .switch .ebutton:hover,
#eorisis-consent-wrapper.grey .switch .ebutton:hover
{
	background-color:white;
	border-color:white;
	color:#111;
}

#eorisis-consent-wrapper.white .switch .ebutton:hover,
#eorisis-consent-wrapper.light .switch .ebutton:hover
{
	background-color:#666;
	border-color:#666;
	color:white;
}

#eorisis-consent-wrapper.light-grey .switch .ebutton:hover
{
	background-color:white;
	border-color:white;
	color:#111;
}

#eorisis-consent-wrapper > #consent-panel
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	gap:15px;

	opacity:0;
	z-index:2;
	position:relative;
	height:100%;
	padding:16px 0;
}

#eorisis-consent-wrapper.panel-center > #consent-panel
{
	flex-direction:column;
	position:fixed;
	top:50% !important;
	left:50% !important;
	transform:translate(-50%, -50%);
	width:700px;
	max-width:700px;
	min-width:700px;
	height:auto;
	max-height:calc(100vh - 20px);
	padding:25px;
	line-height:1;
	border-radius:21px;
}

#eorisis-consent-wrapper.panel-top > #consent-panel,
#eorisis-consent-wrapper.panel-bottom > #consent-panel
{
	flex-direction:row;
	position:fixed;
	left:0;
	width:100%;
	max-width:100%;
	min-width:100%;
	height:auto;
	padding:25px;
	line-height:1.3;
}

#eorisis-consent-wrapper.panel-top > #consent-panel
{
	border-bottom:1px solid #eee;
	top:0;
}

#eorisis-consent-wrapper.panel-bottom > #consent-panel
{
	border-top:1px solid #eee;
	bottom:0;
}

#eorisis-consent-wrapper.panel-center > #consent-panel
{
	border:1px solid #eee;
}

#eorisis-consent-wrapper.panel-top.grey > #consent-panel
{
	border-bottom:1px solid #888;
}

#eorisis-consent-wrapper.panel-bottom.grey > #consent-panel
{
	border-top:1px solid #888;
}

#eorisis-consent-wrapper.panel-center.grey > #consent-panel
{
	border:1px solid #888;
}

#eorisis-consent-wrapper.panel-top.dark-grey > #consent-panel
{
	border-bottom:1px solid #555;
}

#eorisis-consent-wrapper.panel-bottom.dark-grey > #consent-panel
{
	border-top:1px solid #555;
}

#eorisis-consent-wrapper.panel-center.dark-grey > #consent-panel
{
	border:1px solid #555;
}

#eorisis-consent-wrapper.panel-top #consent-panel #consent-main,
#eorisis-consent-wrapper.panel-bottom #consent-panel #consent-main
{
	padding-left:50px;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-main,
#eorisis-consent-wrapper.panel-center #consent-panel #consent-options
{
	width:100%;
	overflow-y:auto;
}

#eorisis-consent-wrapper #consent-panel #consent-links
{
	width:100%;
	display:flex;
	justify-content:space-between;
}

#eorisis-consent-wrapper #consent-panel #consent-links a
{
	color:#333;
	font-family:Arial,sans-serif !important;
	font-size:14px !important;
	line-height:20px;
	text-align:left;
	text-decoration:none;
}

#eorisis-consent-wrapper #consent-panel #consent-links a:hover
{
	text-decoration:underline;
}

#eorisis-consent-wrapper #consent-panel #consent-links .powered a
{
	font-family:Arial,sans-serif !important;
	font-size:13px !important;
	color:#666;
}

#eorisis-consent-wrapper.grey #consent-panel #consent-links .powered a,
#eorisis-consent-wrapper.dark-grey #consent-panel #consent-links .powered a
{
	color:#ddd;
}

#eorisis-consent-wrapper.grey #consent-panel #consent-links a,
#eorisis-consent-wrapper.dark-grey #consent-panel #consent-links a
{
	color:white;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-main p,
#eorisis-consent-wrapper.panel-center #consent-panel #consent-options p
{
	line-height:1.3;
	margin-bottom:0;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-options p
{
	margin-bottom:30px;
}

#eorisis-consent-wrapper > #consent-panel #consent-options,
#eorisis-consent-wrapper > #consent-panel .consent-button.cancel,
#eorisis-consent-wrapper > #consent-panel .consent-button.confirm
{
	display:none;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items
{
	display:flex;
	flex-direction:column;
	gap:15px;
	/*overflow-y:auto;*/
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items .consent-item
{
	padding:10px 10px 0;
	border:1px solid #ccc;
	border-radius:10px;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items .consent-title
{
	font-family:Arial,sans-serif !important;
	font-size:16px !important;
	font-weight:normal;
	line-height:1;
	margin:0;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items .consent-item-header
{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:15px;
	margin-bottom:8px;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items .consent-item-header .switch.locked > .ebutton,
#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items .consent-item-header .switch.locked:hover > .ebutton
{
	cursor:default;
	color:white;
	background-color:#ddd;
	border-color:#ddd;
}

#eorisis-consent-wrapper.panel-center.grey #consent-panel #consent-options .consent-items .consent-item-header .switch.locked > .ebutton,
#eorisis-consent-wrapper.panel-center.grey #consent-panel #consent-options .consent-items .consent-item-header .switch.locked:hover > .ebutton,
#eorisis-consent-wrapper.panel-center.light-grey #consent-panel #consent-options .consent-items .consent-item-header .switch.locked > .ebutton,
#eorisis-consent-wrapper.panel-center.light-grey #consent-panel #consent-options .consent-items .consent-item-header .switch.locked:hover > .ebutton,
#eorisis-consent-wrapper.panel-center.dark-grey #consent-panel #consent-options .consent-items .consent-item-header .switch.locked > .ebutton,
#eorisis-consent-wrapper.panel-center.dark-grey #consent-panel #consent-options .consent-items .consent-item-header .switch.locked:hover > .ebutton
{
	background-color:white;
	border-color:white;
}

#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items p
{
	font-family:Arial,sans-serif !important;
	font-size:13px !important;
	line-height:18px;
	margin-bottom:10px;
}
#eorisis-consent-wrapper.panel-center #consent-panel #consent-options .consent-items .ebutton
{
	width:80px;
	min-width:80px;
}

#eorisis-consent-wrapper.panel-center #consent-panel .consent-main-title
{
	width:100%;
	font-family:Arial,sans-serif !important;
	font-size:24px !important;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}

#eorisis-consent-wrapper.panel-top #consent-panel .consent-main-title,
#eorisis-consent-wrapper.panel-bottom #consent-panel .consent-main-title
{
	width:100%;
	font-family:Arial,sans-serif !important;
	font-size:16px !important;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}

#eorisis-consent-wrapper.panel-center .consent-buttons,
#eorisis-consent-wrapper.panel-top .consent-buttons,
#eorisis-consent-wrapper.panel-bottom .consent-buttons
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	gap:15px;
	padding:16px 0;
}

#eorisis-consent-wrapper.panel-top .consent-buttons,
#eorisis-consent-wrapper.panel-bottom .consent-buttons
{
	padding:0 50px;
}

#eorisis-consent-wrapper.panel-center .consent-buttons
{
	margin-top:auto; /* important */
}

#eorisis-consent-wrapper .switch .ebutton
{
	min-width:30px !important;
	max-width:30px;
	width:30px;
	height:30px;
	padding:3px;
}

#eorisis-consent-wrapper .switch .ebutton .consent-switch img
{
	width:25px;
}

#eorisis-consent-wrapper .switch .ebutton .consent-switch img
{
	width:25px;
}

#eorisis-consent-wrapper.white .switch .ebutton .consent-switch img,
#eorisis-consent-wrapper.light .switch .ebutton .consent-switch img,
#eorisis-consent-wrapper.grey .switch:hover .ebutton .consent-switch img,
#eorisis-consent-wrapper.dark-grey .switch:hover .ebutton .consent-switch img
{
	filter:invert(0%) !important; /*black*/
}

#eorisis-consent-wrapper.grey .switch .ebutton .consent-switch img,
#eorisis-consent-wrapper.dark-grey .switch .ebutton .consent-switch img,
#eorisis-consent-wrapper.white .switch:hover .ebutton .consent-switch img,
#eorisis-consent-wrapper.light .switch:hover .ebutton .consent-switch img
{
	filter:invert(100%) !important; /*white*/
}

#eorisis-consent-wrapper .switch.locked .ebutton .consent-switch img,
#eorisis-consent-wrapper .switch.locked:hover .ebutton .consent-switch img
{
	filter:invert(0%) !important; /*black*/
}

#eorisis-consent-wrapper .br
{
	display:block;
	margin:10px 0 0;
}

#eorisis-consent-wrapper #consent-panel.panel-shadow
{
	box-shadow:0 0 3px 0 #ddd;
}

#eorisis-consent-wrapper.grey #consent-panel.panel-shadow
{
	box-shadow:0 0 3px 0 #666;
}

#eorisis-consent-wrapper.dark-grey #consent-panel.panel-shadow
{
	box-shadow:0 0 3px 0 #444;
}

#eorisis-consent-wrapper #consent-toggle-panel
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	background-color:#475057;
	position:fixed;
	left:0;
	bottom:0;
	width:50px;
	height:50px;
	z-index:1;
	overflow:hidden;
	border:1px solid #525C63;
	border-top-right-radius:50px;
}

#eorisis-consent-wrapper #consent-toggle-panel > img
{
	filter:invert(100%); /*white*/
	opacity:0.6;
	width:25px;
	margin-left:-15px;
	margin-bottom:-15px;
}

#eorisis-consent-wrapper #consent-toggle-panel:hover > img
{
	opacity:1;
}

#eorisis-consent-page-overlay
{
	display:none;
	background-color:rgba(0, 0, 0, 0.6);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*-webkit-backdrop-filter:blur(1.7px);*/
            /*backdrop-filter:blur(1.7px);*/
}

.noselect,
.consent-button
{
	/* Disable Text Selection */
	-webkit-touch-callout:none;
	  -webkit-user-select:none;
	     -moz-user-select:none;
		  -ms-user-select:none;
		   -o-user-select:none;
			  user-select:none;
}

@media all and (max-width:730px)
{
	#eorisis-consent-wrapper.panel-center > #consent-panel
	{
		top:0 !important;
		left:0 !important;
		transform:none;
		width:100%;
		max-width:100%;
		min-width:100%;
		height:100vh;
		max-height:100vh;
		border:none;
		border-radius:0;
		overflow:hidden;
	}

	#eorisis-consent-wrapper.panel-center > #consent-panel.panel-shadow
	{
		box-shadow:none;
	}
}

@media all and (max-width:1280px)
{
	#eorisis-consent-wrapper.panel-top > #consent-panel,
	#eorisis-consent-wrapper.panel-bottom > #consent-panel
	{
		padding:25px 0;
	}
}

@media all and (max-width:1080px)
{
	#eorisis-consent-wrapper.panel-top > #consent-panel,
	#eorisis-consent-wrapper.panel-bottom > #consent-panel
	{
		flex-direction:column;
		padding:0 0 25px;
	}

	#eorisis-consent-wrapper.panel-top #consent-panel #consent-main,
	#eorisis-consent-wrapper.panel-bottom #consent-panel #consent-main
	{
		padding:25px;
	}
}