#CybotCookiebotDialogBodyUnderlay {
	background-color:#fff !important; 
	margin-top:-100px !important; 

}

#CybotCookiebotDialog {
	background-color:#fff !important;
	border:1px solid #bbb !important;
	box-shadow: 1px 1px 8px #666 !important;
	width:100% !important;
	padding-bottom:5px !important;
}
@media screen and (max-width: 768px) {
#CybotCookiebotDialog {
	border:0px solid #999 !important;
	width:100% !important;
	padding-bottom:15px !important;
	}
}
/* hide TEST - only needed before pushing live*/
#CybotCookiebotDialog div {
	color:#fff;
}

#CybotCookiebotDialogBodyContent   {
	background-color:#fff !important;
}

#CybotCookiebotDialogBodyContentTitle {
	font: 21px "Roboto", sans-serif !important;
  	color: #f8991d !important;
  	font-weight: 500 !important;
  	text-align:center !important;
}
#CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogBodyContentText p {
	font: 100% "Roboto", sans-serif !important;
  	color: #444 !important;
  	font-weight: 300 !important;
  	font-size: 14px !important;
  	line-height:20px !important;
	margin:6px 0 11px 0 !important;
	text-align:center !important;
}

#CybotCookiebotDialogBodyButtons {
	text-align:center !important;
	color: #FFF !important;
	
}
#CybotCookiebotDialogBodyButtonAccept.CybotCookiebotDialogBodyButton
  {
	font: 14px "Roboto", sans-serif !important;
	font-weight:500 !important;
  	display: inline-block !important;
  	margin: 3px 5px !important;
  	margin-bottom: 2px !important;
  	cursor: pointer !important;
  	border-radius: 4px !important;
  	border: 1px solid transparent !important;
  	padding: 8px  !important;
  	line-height: 19px !important;
  	background: #f8991d !important;
  	width:140px !important;  
  	/* margin-left: 135px !important; */
}
@media screen and (max-width: 768px) {
#CybotCookiebotDialogBodyButtonAccept.CybotCookiebotDialogBodyButton
  {
  	margin: 3px 100px !important;
  	margin-bottom: 2px !important;
  	

}
}
#CybotCookiebotDialogBodyButtonDecline.CybotCookiebotDialogBodyButton
  {
	font: 14px "Roboto", sans-serif !important;
  	display: inline-block !important;
  	margin: 3px 5px !important;
  	margin-bottom: 2px !important;
  	cursor: pointer !important;
  	border-radius: 4px !important;
  	border: 1px solid transparent !important;
  	padding: 8px  !important;
  	line-height: 19px !important;
  	background: #f8991d !important;
  	width:180px !important;  
  	margin-left: 35px !important; 	 
}
#CybotCookiebotDialogBodyButtonDecline.CybotCookiebotDialogBodyButton {
	background: #bbb !important;
}

#CybotCookiebotDialogBodyButtonAccept:focus, 
#CybotCookiebotDialogBodyButtonDecline:focus {
	outline:0 !important;
}


/* all class below are needed for the details section if no details then set to display none */

#CybotCookiebotDialogBodyButtonDetails {
/*
	 display:none  !important; 
*/
	margin-right: 15px !important;
	color:#999 !important;
	font: 12px "Roboto", sans-serif !important;
	line-height: 12px !important;
	padding-right:12px !important;
	width:auto !important;
	
}

@media screen and (max-width: 768px) {
	margin-bottom:15px;
	width:100px !important;
}

#CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyLink:hover {
	text-decoration:none  !important;
}
#CybotCookiebotDialogDetail {
	margin-top:15px  !important;
}
#CybotCookiebotDialogDetailBodyContent {
	font: 12px "Roboto", sans-serif !important;
	background-color:#ffffff;
	color:#666 !important;
	border:1px solid #ddd !important;
	height:190px !important;
	padding:0px !important;
}
/* 2 top tabs */
#CybotCookiebotDialogDetailBodyContentTabs  .CybotCookiebotDialogDetailBodyContentTab,
#CybotCookiebotDialogDetailBodyContentTabs .CybotCookiebotDialogDetailBodyContentTabsItemSelected {
	font: 14px "Roboto", sans-serif !important;
	color:#222 !important;
	font-weight:300  !important;
	padding:10px  !important;
	border:1px solid #ddd  !important;
	border-bottom:1px solid #ddd !important;
	-webkit-border-radius:6px 6px 0 0 !important;
	-moz-border-radius:6px 6px 0 0 !important;
	border-radius:6px 6px 0 0 !important;
}
#CybotCookiebotDialogDetailBodyContentTabs .CybotCookiebotDialogDetailBodyContentTabsItemSelected {
	border-bottom:1px solid #fff !important;
}

#CybotCookiebotDialogDetailBodyContentTabs .CybotCookiebotDialogDetailBodyContentTabsItem {
	color:#777 !important;
	background-color:#f1f1f1  !important;	
}

.CybotCookiebotDialogDetailBodyContentTab:first-child {
	margin-right:5px !important;
}



/* sub tab content */
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
	margin-top:3px;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected  {
	background-color:#fff !important;
	border-bottom:none  !important;
	padding:7px 8px 10px 10px !important;
	color:#f8991d !important;
	font-weight:300;
	border:none  !important;
	font: 12px "Roboto", sans-serif !important;
	background-color:#fff !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected {
	color:#666  !important;
}

/* hide unclassified cookie tab */
#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified.CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
	display:none !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails, #CybotCookiebotDialogDetailBodyContentTextAbout {
	margin-top:0px;
	padding:10px 10px 10px 10px !important;
	overflow:auto;
	height:188px  !important;
	max-height:188px  !important;
	border-right:none !important;
	border-left:1px solid #ddd !important;
}

#CybotCookiebotDialogDetailBodyContentTextAbout {	
	color:#666 !important;
	line-height:16px !important;
	font: 12px "Roboto", sans-serif !important;
	border-left:none !important;
}

.CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
	color:#666 !important;
	line-height:16px !important;
	font: 12px "Roboto", sans-serif !important;
}

/* tables */

.CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td {
	background-color:#fff !important;
	color:#444 !important;
	font: 11px "Roboto", sans-serif !important;
	font-weight:500 !important;
	text-align:left;vertical-align:top;padding:2px;
	border-bottom:1px solid #ddd !important;
	border-right:1px solid #ddd !important;
	padding-left:4px !important;
}
.CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td:last-child {
	border-right:none !important;
}
.CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td {
font: 11px "Roboto", sans-serif !important;
line-height:13px !important;
color:#666 !important;
border-bottom:1px solid #ddd !important;
border-right:1px solid #ddd !important;
}
.CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td:last-child {
	border-right:none !important;
}

#CybotCookiebotDialogDetailFooter {
	color:#666 !important;
	font-size:11px !important;
	padding-top:7px !important;
}
#CybotCookiebotDialogDetailFooter a {
	text-decoration:none;
}