@CHARSET "UTF-8";

.ec-gtm-cookie-directive 
{ 
	position: fixed; 
	bottom:0; 
	left: 0; 
	right: 0;
	text-align: center; 
	z-index:9999; 
	max-height: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	align-items: flex-end;
	padding: 8px;
	background-color: #fff;
	border-top: 3px solid #06c;
}

.ec-gtm-cookie-directive > div 
{ 
	position:relative;
	display: inline-block; 
	text-align: left;  
	background:#fff;
	padding:0 10px 5px; 
	color:#000; 
	max-width:400px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background-clip: padding-box;
	margin: auto !important;
}

.ec-gtm-cookie-directive > div > div .ec-gtm-cookie-directive-customize-toggle {
	text-align: center;
	border: 1px solid #000;
	padding: 8px;
}

.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle {
    color: #000!important;
}

button.action.close {
    background: none!important;
    border: 0!important;
}

button.action.customize {
    background: #d1d1d1!important;
    border: 1px solid #d1d1d1!important;
}

button.action.decline, button.action.decline:hover {
    color: #fff;
}

.ec-gtm-cookie-directive > div > div { float:left; min-width:300px; }
.ec-gtm-cookie-directive > div > div > div:before,
.ec-gtm-cookie-directive > div > div > div:after { content: " ";display: table; }
.ec-gtm-cookie-directive > div > div > div:after { clear: both; }
.ec-gtm-cookie-directive > div > div > div p { display:block; padding:5px; margin:0px; }
.ec-gtm-cookie-directive > div > div > div a { cursor:pointer; color:#8e8e8e; }
.ec-gtm-cookie-directive > div > div > div button.action { display:block; text-align:left; padding:5px; float:left; border: 1px solid #06c; background: #06c; border-radius: 6px;}
.ec-gtm-cookie-directive > div > div > div button.action:hover { border: 1px solid #007eff; background: #007eff; border-radius: 6px;}
.ec-gtm-cookie-directive > div > div > div button.action.accept { display:none; color:#8bc53f; font-weight:500; }
.ec-gtm-cookie-directive > div > div > div button.action.accept-all { color:#8bc53f; font-weight:500; }
.ec-gtm-cookie-directive > div > div > div button.action.refuse {  }
.ec-gtm-cookie-directive > div > div > div button.action.close { position:absolute; top:10px; right:10px; width:24px; height:24px; z-index:10000; }

.ec-gtm-cookie-directive-segments { background:#0066cc14!important; margin:-5px 0 5px 0; padding:10px 25px 10px 25px; }
.ec-gtm-cookie-directive-segments > div { position:relative; padding:5px 0px 5px 0px; }

.ec-gtm-cookie-directive-segments > div input[type="checkbox"] { display: none; }
.ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #000; position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
.ec-gtm-cookie-directive-segments > div input[type="checkbox"]:checked + label:before { width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;border-top-color: transparent;border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	
.ec-gtm-cookie-directive small { display:block; padding:20px 20px 20px 60px; font-size:12px; }

.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note { display:none; margin:0px -25px 0px -25px; }
.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle { display:block; margin:5px 0px 5px 35px; color:#8bc53f; font-size:12px; cursor:pointer; }
.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note.ec-gtm-cookie-directive-note-consent { font-weight:bold;  }

.ec-gtm-cookie-directive-customize { display:none; }
.ec-gtm-cookie-directive-customize-toggle { position:relative; display:block; margin:5px 0; text-transform:uppercase; font-weight: 500; font-size:14px; cursor:pointer; }

main .ec-gtm-cookie-directive { position:relative; }
main .ec-gtm-cookie-directive > div { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; max-width:100%; padding:0px; }
main .ec-gtm-cookie-directive-segments { margin:10px 0px 20px 0px; background:none; padding:0px; }

.percmd { margin: 5px auto!important; text-align: center!important; }

@media (min-width: 768px) 
{
	.ec-gtm-cookie-directive > div  { max-width:500px; }
	.ec-gtm-cookie-directive > div > div { min-width:500px; }
}  


@media (min-width: 1200px) 
{
	.ec-gtm-cookie-directive > div  { max-width:800px; }
	.ec-gtm-cookie-directive > div > div { min-width:500px; }
	
	main .ec-gtm-cookie-directive { max-width:100%;}
	.percmd { width: 23% }
	.perc { display: flex; }
}

@media (max-width: 1200px) 
{
	.ec-gtm-cookie-directive > div > div { float:left; min-width:200px; }
	.percmd { width: 100%;}
	.perc { display: inline; }
}