/*
* Copyright notice
*
* (c) sgalinski Internet Services (https://www.sgalinski.de)
*
* Commercial license
* You can buy a license key on the following site:
* https://www.sgalinski.de/en/typo3-produkte-webentwicklung/sgalinski-cookie-optin/
*/


#SgCookieOptin,
#SgCookieOptin * table,
#SgCookieOptin * tbody,
#SgCookieOptin * tr,
#SgCookieOptin * th,
#SgCookieOptin * td,
#SgCookieOptin * div,
#SgCookieOptin * strong,
#SgCookieOptin * p,
#SgCookieOptin * a,
#SgCookieOptin * ul,
#SgCookieOptin * button,
#SgCookieOptin * input,
#SgCookieOptin * label {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Open Sans',serif;
  font-size:.75rem;
  font-weight:400;
  letter-spacing: .0562rem;
  vertical-align: baseline;
  background: none;
  color: rgba(0,0,0,0.5);
  line-height: 1rem;
}

#SgCookieOptin * li {
  margin: 5px 0 0 5px;
}
.sg-cookie-optin-iframe-consent,
.sg-cookie-optin-iframe-consent * div,
.sg-cookie-optin-iframe-consent * button,
.sg-cookie-optin-iframe-consent * a {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	background: none;
	color: #373737;
	line-height: 1.6;
}

#SgCookieOptin {
  display: flex;
  justify-content: center;
  align-items: baseline;
  height: 100%;
  width: 100%;

  position: fixed;
  left: 0;
  top: 0;

  z-index: 999999;
  outline: 0;

  background: rgba(0,0,0,0.6);
}

#SgCookieOptin .sg-cookie-optin-box {
  position: relative;
  overflow: auto;

  /* Hide the Scrollbar in IE */
  -ms-overflow-style: none;

  /* Hide the Scrollbar in FF */
  scrollbar-width: none;

  padding: 20px;
  margin: 25px 0;

  max-width: 500px;
  max-height: 95%;

  background: rgba(255,255,255,0.9);
  border-radius: 0;

  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .0562rem;
}

#SgCookieOptin .sg-cookie-optin-box::-webkit-scrollbar {
  display: none;
}

/* Save Confirmation Notification */
.sg-cookie-optin-save-confirmation {
	max-width: 500px;
	margin: 0 0 5px;
	padding: 10px 20px;
	border: solid 1px #208A20;
	border-radius: 5px;
	color: #208A20;
	background-color: #C9FFC9;
}
/* Header */
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-close-button {
	padding: 4px 11px;
	position: absolute;
	top: 0;
	right: 0;

	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;

	color: #FFFFFF;
	background-color: #A5A5A5;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-close-button:hover {
	background-color: #D7D7D7;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-header,
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-description {
  display: block;
  margin: 0 0 1rem 0;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-header {
  font-size: 1rem;
  /*letter-spacing: -.05rem;*/
  color: rgba(0,0,0,0.5);
  text-transform: uppercase;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-description {
  font-size: .75rem;
  font-weight: 400;
}

/* Cookie List */
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list {
  display: block;
  list-style: none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item {
  display: inline-block;
  padding: 0 .75rem .75rem 0;
  text-transform: uppercase;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox {
  display: none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox + .sg-cookie-optin-checkbox-label::before {
  display: block;
  margin: 0 5px 0 0;
  width: .6875rem;
  height: .6875rem;
  content: "";
  float: left;
  border-radius: 0;
  border: 2px solid #A5A5A5;
  background-color: #FFF;
  cursor: pointer;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:checked + .sg-cookie-optin-checkbox-label::before {
  box-shadow: inset 0 0 0 3px #FFF;
  background-color: #A5A5A5;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:disabled + .sg-cookie-optin-checkbox-label::before {
  box-shadow: inset 0 0 0 3px #FFF;
  border-color: #A5A5A5;
  background-color: #A5A5A5;

  cursor: default;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox:disabled + .sg-cookie-optin-checkbox-label {
  cursor: default;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item .sg-cookie-optin-checkbox-label {
  cursor: pointer;
}

/* Buttons */
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all,
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific,
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential {

  display: block;
  width: 100%;
  cursor: pointer;

  padding: .5rem 0 .5rem .75rem;
  margin: 0 0 .75rem 0;

  color: rgba(0,0,0,0.5);
  font-size: .75rem;
  text-align: left;

  background-color: #D7D7D7;
  border-radius: 0;
  text-transform: uppercase;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all {
  color: rgba(0,0,0,0.5);
  background-color: #D7D7D7;
  font-weight:700;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific {
  color: rgba(0,0,0,0.5);
  background-color: #D7D7D7;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential {
  color: rgba(0,0,0,0.5);
  background-color: #D7D7D7;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-all:hover {
  background-color: #A5A5A5;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-specific:hover {
  background-color: #A5A5A5;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-button-accept-essential:hover {
  background-color: #A5A5A5;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-button .sg-cookie-optin-box-flash-message {
	padding: 0 0 10px;
}
/* Open More List */
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list,
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-list {
  padding: 0 0 0 0;
  max-height: 0;
  overflow: hidden;
  border-top: 1px solid #A5A5A5;
  list-style: none;
  -moz-transition: max-height .5s ease-in-out;
  -o-transition: max-height .5s ease-in-out;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
	will-change: max-height;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list::-webkit-scrollbar {
  display: none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list.sg-cookie-optin-visible {
  max-height: 2000px;
  overflow-y: auto;
  /* Hide the Scrollbar in IE */
  -ms-overflow-style: none;
  /* Hide the Scrollbar in FF */
  scrollbar-width: none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-list-item {
  margin: 0 0 1rem 0;
  padding: .75rem;

  border-radius: 0;
  background-color: none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-list-item a {
  display: block;
  margin: .75rem 0 0 0;

  text-align: center;
  color: rgba(0,0,0,0.5);
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-header,
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-description {
  display: block;
  margin: 0 0 1rem 0;

  color: rgba(0,0,0,0.5);
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-header {
  font-size: 1rem;
  text-transform: uppercase;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-description {
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .0562rem;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-open-more {
  padding: 10px 0 10px 0;
  text-align: center;
}

/* Footer */
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer {
	padding: .75rem 0 0;
	border-top: 1px solid #A5A5A5;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-copyright {
  display: none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-footer .sg-cookie-optin-box-footer-links {
  float: none;
  text-align:center;
}

/* Sub table (Cookie list) */
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist {
	height: 0;
  overflow: hidden;
  list-style: none;

	-moz-transition: height .3s ease-in-out;
	-o-transition: height .3s ease-in-out;
	-webkit-transition: height .3s ease-in-out;
	transition: height .3s ease-in-out;
	will-change: height;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist::-webkit-scrollbar {
  display: none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist.sg-cookie-optin-visible {
  overflow-y: auto;

  /* Hide the Scrollbar in IE */
  -ms-overflow-style: none;

  /* Hide the Scrollbar in FF */
  scrollbar-width: none;
}

#SgCookieOptin a.sg-cookie-optin-box-sublist-open-more-link {
  margin: 10px 0 10px !important;
  display: inline-block;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table {
  margin: 0 0 1rem 0;
  width: 100%;
  background-color:none;
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table th,
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table td {
  padding: 10px;
  vertical-align: middle;
  border-bottom: 1px solid #A5A5A5;
  color: rgba(0,0,0,0.5);
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table th {
  font-weight: 700;
  color: rgba(0,0,0,0.5);
}

#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table .divider {
}
#SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-sublist table .divider td {
	line-height: 0;
}
/* iFrame consent box */
.sg-cookie-optin-iframe-consent {
  position:relative;
  z-index:20000;
  background-color: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.sg-cookie-optin-iframe-consent button {
	display: block;
  width:40%;
	margin: 0 auto;
	padding: 1rem;

  text-transform: uppercase;
	color: rgba(0,0,0,0.5);
	font-size: 1rem !important;
	text-align: center;
	cursor: pointer;
	border: none;
	background-color: #D7D7D7 !important;
}


.sg-cookie-optin-iframe-consent a {
	margin: 0 auto;
  width:40%;
	padding: .675rem;
	background-color: #D7D7D7;
	color: rgba(0,0,0,0.5);
	cursor: pointer;
	font-size: .75rem;
	text-align: center;
}

.sg-cookie-optin-iframe-consent button:hover,
.sg-cookie-optin-iframe-consent a:hover {
  background-color: #A5A5A5;
}
/* The Content Element */
.sg-cookie-optin-plugin #SgCookieOptin {
	display: block;
	position: static;
	background: none;
	z-index: 10;
}

.sg-cookie-optin-plugin #SgCookieOptin .sg-cookie-optin-box {
	margin: 0;
	border: none;
}