﻿@charset "UTF-8";
/* CSS Document */

.cookie-banner {
position: fixed;
left: 0;
bottom: 0;
padding: 1.25em;
font-family: inherit;
font-size: 13px;
line-height: 18px;
color: #fff;
background: #00351b;	
box-sizing: border-box;
width: 100%;
z-index: 9999;
visibility: hidden;
}

.cookie-banner-container {
margin: 0 auto;
max-width: 1120px;	
}

.cookie-is-visible {
display: table;
}

.cookie-content {
display: block;
vertical-align: middle;
width: 100%;
}

.cookie-title {
font-weight: bold;	
font-family: inherit;
}

.cookie-text {
font-family: inherit;	
}

.cookie-text a {
text-decoration: underline;
color: #fff;	
font-size: inherit;
}

.cookie-text a:hover {
color: #ccc;	
}

.cookie-actions {
display: block;
padding-top: .25em;
vertical-align: top;
text-align: right;
width: 100%;
}

.cookie-actions .btn-cookie {
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 25px;
text-align: center;
color: #00351b;	
text-decoration: none;
background: #fff;
border: none;
cursor: pointer;
width: 70px;
height: 25px;
}

.cookie-actions a {
margin: 0 1.25em;
display: inline-block;
color: #fff;
font-family: inherit;
font-size: 13px;	
text-decoration: underline;
}

@media screen and (min-width: 685px) {


.cookie-content {
display: table-cell;	
width: 65%;	
}

.cookie-actions {
display: table-cell;
padding-top: 0;
width: 35%;	
}

}



@media screen and (min-width: 768px) {
	

.cookie-banner {
padding-left: 2em;
padding-right: 2em;	
}

.cookie-actions .btn-cookie {
line-height: 32px;
width: 100px;
height: 32px;
}

.cookie-actions .btn-cookie:hover {
opacity: .80;	
}

}



.cookie-settings-table {
margin: 1.5em 0;
border-top: 1px solid #ddd;
border-collapse: collapse;
width: 100%;	
}

.cookie-settings-table .disabled {
color: #aaa;	
}

.cookie-settings-table td {
padding: 1em .5em;	
border-bottom: 1px solid #ddd;
text-align: left;
}

.cookie-type {
display: block;
font-weight: bold;	
}

.cookie-desc {
display: block;
font-size: 14px;	
}

.cookie-switch {
position: relative;
display: inline-block;
width: 42px;
height: 24px;
}

.cookie-switch input {
display: none;
}


.cookie-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #aaa;
-webkit-transition: .4s;
transition: .4s;
border-radius: 34px;
}

.cookie-slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}

input:checked + .cookie-slider {
background-color: #215737;
}

input:checked + .cookie-necessary {
background-color: #ccc;
}

input:focus + .cookie-slider {
box-shadow: 0 0 1px #215737;
}

input:checked + .cookie-slider:before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
}

/*

.cookie-reader {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;	
}


.cookie-label-desc, .cookie-label-desc-necessary {
display: inline-block;
width: 40px;
margin-left: 50px;
margin-top: 3px;	
}


.cookie-switch input[type="checkbox"] + .cookie-slider + .cookie-label-desc:after {
content: "Off";
color: #aaa;
}

.cookie-switch input[type="checkbox"]:checked + .cookie-slider + .cookie-label-desc:after {
content: "On";
color: #215737;
}

.cookie-switch input[type="checkbox"]:checked + .cookie-slider + .cookie-label-desc-necessary:after {
content: "On";
color: #ccc;
}

*/

@media screen and (min-width: 685px) {
.cookie-settings-table {
width: 80%;	
}
	
}



/* Legacy GDPR styles */

/* legacy GDPR moved for rendering */
.p-cookies {
	position: fixed;
	width: 100%;
	bottom: 0;
	overflow: auto;
	max-height: 100vh;
	font-size: 12px;
	background-color: #ffffff;
	z-index: 9999;
	visibility: hidden;
}
/* End legacy GDPR for placement */

.p-cookies-top {
	background-color: #0c4025;
	color: #ffffff;
	padding: 20px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
}

.p-cookies-head {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 9px;
}

.p-cookies-text {
margin-top: 18px;
margin-bottom: 9px;	
}

.p-cookies-head img {
	padding-right: 15px;
	display: none;
}

.p-cookies button {
	width: 100px;
}
/******* Check box CSS Starts **********/

.control {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  cursor: pointer;
  width: 24%;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #68960C;
  background-color: #ffffff;
  transform: translateY(-50%);
}
.control--radio .control__indicator {
  border-radius: 50%;
}


.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 6px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: solid #68960C;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  font-weight: 400;
}


input[disabled] + .control__indicator {
	opacity: 0.5;
}

/*****************/

.p-cookies-view-details a span {
	color: #ffffff;
	text-decoration: underline;
}

.p-cookies-view-details a span.content_visible{
	display: inline-block;
}

.p-cookies-view-details a span.content_hidden{
	display: none;
}

.p-cookies-view-details.visible a span.content_visible{
	display: none;
}

.p-cookies-view-details.visible a span.content_hidden{
	display: inline-block;
}

.p-cookies-view-details button {
	width: 80px;
	height: 30px;

	border: none;
	color: #000;
	font-weight: bold;
}

.p-cookies-slide {
	display: none;
}

#details-slide img {
	margin-left: 4px;
}

.p-cookies-slide p {
	margin-bottom: 10px;
}

.p-cookies-slide .tab-pane {
	padding-top: 10px;
	text-align: left;
	min-height: 230px;
}

.p-cookies-slide .slide-container {
	margin-top: 15px;
	text-align: center;
	margin-bottom: 15px;
}

.p-cookies-slide .slide-container ul {
	display: inline-block;
	border-bottom: none;
}

.p-cookies-slide .slide-container ul li {
	background-color: #EFF0F2;
	margin-top: 3px;
}

.p-cookies-slide .slide-container ul li.active a {
	background-color: #AAD455;
	color: #004680;
}

.p-cookies-slide .slide-container .cookie-declaration ul li, .p-cookies-slide .slide-container .cookie-declaration ul li.active a  {
	border-radius: 5px 0 0 5px;
}

.p-cookies-slide .slide-container .cookie-declaration .nav-tabs>li>a {
	margin-right: 0;
}

.p-cookies-slide .slide-container .tab-content {
	border-top: 3px solid #AAD455;
	margin-top: -1px;
}

.p-cookies-slide .nav-tabs>li>a {
	font-size: 14px;
}

.cookie-declaration .nav-tabs>li {
	float: none;
}

.p-cookies-slide .slide-container .cookie-declaration ul {
	float: left;
}

.p-cookies-slide .slide-container .cookie-declaration .tab-content {
	border-top: none;
	float: left;
	width: calc(100% - 185px);
}

.p-cookies-slide .nav>li>a {
	padding: 5px 10px;
}

#tabs_cookie {
	margin-right: 20px;
}

.p-cookies-slide .cookie-declaration .tab-pane {
	padding: 0;
	margin-top: 3px;
}

.p-cookies-slide table {
	width: 100%;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f6f6f6;
}

.table-responsive {
	max-height: 280px;
	overflow-y: auto;
}

.text-right {
text-align: right;
}



@media (max-width: 768px) {
	.p-cookies-slide .slide-container .panel-group {
		text-align: left;
	}
	.table-responsive {
		width: 100%;
		overflow-y: auto;
	}
	.control {
		width: 48%;
	}
	.p-cookies-view-details {
		margin-bottom: 15px;
	}
	.cookie-declation-accordion .panel-heading {
		padding: 0;
	}
	.cookie-declation-accordion .panel-heading a {
		padding: 10px 15px;
		display: block;
	}
	.cookie-declation-accordion .panel-body p {
		line-height: 1.5;
	}
	.cookie-declation-accordion .panel-body {
		line-height: 1.5;
	}
	.p-cookies-slide .slide-container > ul {
		display: block;
	}
	.p-cookies-slide .slide-container > ul > li {
		width: 50%;
	}
	.cookie-declation-accordion {
		margin-top: 2px;
	}
	.p-cookies-head {
		font-size: 18px;
	}
	.table-responsive {
		max-height: none;
	}

}

@media (max-width: 768px) and (min-width: 768px) {
	.table-responsive {
		max-height: 260px;
		overflow-y: auto;
	}
}






