/*----COOKIE BAR--------------------------------------*/

.cookieBar              {width: 100%; background-color:rgba(240,240,240,0.9); position: fixed; bottom: 0px; left: 0px; text-align: left; z-index: 9999; box-sizing:border-box;}
.cookieBar p			{color: #333; padding: 10px 40px 15px 15px; margin: 0 auto; text-align: left; font-size: 12px; line-height: 1.4em;}
.cookieBar p a			{color:#333; font-weight: 700}
.cookieBar p a:hover	{text-decoration: underline;}
.cookie-buttons			{display: flex; padding: 0 40px 15px 15px;}
.cookie-buttons a, .accept		{font-size: 12px; display: block; padding: 5px 10px; background-color: #18b0e8; color:#ffffff; text-decoration: none; margin-right: 10px;}
.cookie-buttons a.manage	{background-color: transparent; color:#333; border: 1px solid #18b0e8;}

.cookie-buttons .accept:hover	{background-color: #707070}
.cookie-buttons a.manage:hover	{background-color: #dddddd}

.close-cookies				{width:13px; height: 13px; position: absolute; right:10px; top:10px;}
.close-cookies img			{width:100%;}

.cookie-popup-outer				{background-color: rgba(0,20,56,.5); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 99999; padding: 40px; opacity: 0; visibility: hidden; transform: translateY(30px); transition: 0.2s ease-out;}
.cookie-popup-outer.active		{opacity: 1; visibility: visible; transform: translateY(0);}
.cookie-popup-container			{width:730px; height: 590px; background-color:#ffffff; min-height: 20px; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0%), 0 7px 14px 0 rgb(50 50 93 / 10%); color:#333; border: 1px solid #d7d7d7; border-radius: 2px;}

.cookie-popup-container-top					{padding: 20px; display: flex; align-items: center; border-bottom: 1px solid #d8d8d8; position: relative;}
.cookie-popup-container-top img.cookie-logo	{width:85px; align-items: center; margin: 0 30px 0 20px;}
.cookie-popup-container-top h2				{font-size: 24px;}
.cookie-popup-container-top .close-cookies	{width:22px; height: 22px; right: 20px; top:20px;}

.cookie-middle-container	{height: calc(100% - 196px);}
.cookie-middle-content		{position: relative; height: 100%; overflow-y: auto; overflow-x: hidden;}

.cookie-text-box			{word-break: break-word; word-wrap: break-word; padding-top: 20px; padding-right: 16px; padding-bottom: 15px; position: absolute; top:0; left: 30%; width: 65.3333333333%; margin-left: 4%;}
.cookie-text-box h3			{margin-bottom: 1em; font-size: 15px;}
.cookie-text-box p			{font-size: 13px; line-height: 1.4em; margin-bottom: 1em;}
.cookie-text-box p a		{color:#333333; font-weight: 600}

.cookie-tab-btn    			{width: 30.6666666667%; cursor: pointer; border-left: 10px solid transparent; background-color: #f4f4f4; border-bottom: 1px solid #d7d7d7; padding-top: 16px; padding-right: 5px; padding-bottom: 16px; padding-left: 12px; font-weight: 700; line-height: 1.3em;}
.cookie-tab-btn.active		{background-color:#ffffff; border-left-color:#18b0e8}

.bottom-container			{padding: 30px; border-top: 1px solid #d8d8d8; display: flex; justify-content: flex-end;}
.save-settings				{padding: 12px 30px; background-color:#18b0e8; border-radius: 2px; color: #ffffff; text-decoration: none; font-size: 14px;}
.save-settings:hover		{background-color: #707070}

/* SWITCH */
.cookie-popup-container .switch 						{display: inline-block; width: 40px; height: 24px; position: absolute; right: 20px; top:10px}
.cookie-popup-container .switch input 					{opacity: 0; width: 0; height: 0;}
.cookie-popup-container .slider 						{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.cookie-popup-container .slider:before 					{position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.cookie-popup-container input:checked + .slider 		{background-color: #18b0e8;}
.cookie-popup-container input:focus + .slider 			{box-shadow: 0 0 1px #18b0e8    ;}
.cookie-popup-container input:checked + .slider:before 	{-webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);}
.cookie-popup-container .slider.round 					{border-radius: 24px;}
.cookie-popup-container .slider.round:before 			{border-radius: 50%;}

@media (max-width:700px) {
	
	.cookie-popup-outer	{padding: 0;}
	.cookie-popup-container	{height: 100%;}
	.cookie-tab-btn			{width:100%;}
	.cookie-text-box		{position: relative; width:100%; margin: 0; padding: 20px 16px 20px 22px; left: auto}
	.cookie-popup-container-top h2		{font-size: 20px;}
	.cookie-popup-container-top img.cookie-logo	{margin: 0 20px 0 0;}
	.save-settings			{width:100%; text-align: center;}
}