dash-docs/js/cookieconsent/light-floating.css

.cc_banner-wrapper{
	z-index:9001;
	position:relative
}

.cc_container .cc_btn{
	cursor:pointer;
	text-align:center;
	font-size:0.6em;
	transition:font-size 200ms;
	line-height:1em
}

.cc_container .cc_message{
	font-size:0.6em;
	transition:font-size 200ms;
	margin:0;
	padding:0;
	line-height:1.5em
}


@media screen and (min-width: 500px){
	.cc_container .cc_btn{
		font-size:0.8em
	}

	.cc_container .cc_message{
		font-size:0.8em
	}

}

@media screen and (min-width: 768px){
	.cc_container .cc_btn{
		font-size:1em
	}

	.cc_container .cc_message{
		font-size:1em;
		line-height:1em
	}

}

@media screen and (min-width: 992px){
	.cc_container .cc_message{
		font-size:1em
	}

}

@media print{
	.cc_banner-wrapper,.cc_container{
		display:none
	}

}

.cc_container{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	padding:10px 15px 50px
}

.cc_container .cc_btn{
	padding:8px 16px;
	background-color:#EF9E5B;
	position:absolute;
	bottom:10px;
	left:15px;
	right:15px;
	text-align:center
}

@media screen and (min-width: 500px){
	.cc_container{
		left:initial;
		right:20px;
		bottom:20px;
		width:300px;
		padding-bottom:77px
	}

	.cc_container .cc_btn{
		right:15px;
		bottom:37px
	}

}

@media screen and (min-width: 768px){
	.cc_container{
		padding-bottom:87px
	}

	.cc_container .cc_message{
		font-size:1em
	}

}

.cc_container{
	background:#fff;
	color:#999;
	font-size:17px;
	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
	box-sizing:border-box;
	border:1px solid #ccc
}

.cc_container ::-moz-selection{
	background:#ff5e99;
	color:#fff;
	text-shadow:none
}

.cc_container .cc_btn,.cc_container .cc_btn:visited{
	color:#FFF;
	background-color:#EF9E5B;
	transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	border-radius:5px;
	-webkit-border-radius:5px
}

.cc_container .cc_btn:hover,.cc_container .cc_btn:active{
	background-color:#E77F2A;
	color:#FFF
}

.cc_container a,.cc_container a:visited{
	text-decoration:none;
	color:#31a8f0;
	transition:200ms color
}

.cc_container a:hover,.cc_container a:active{
	color:#555
}

@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(20px);
		transform:translateX(20px)
	}

	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}

}

@keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(20px);
		-ms-transform:translateX(20px);
		transform:translateX(20px)
	}

	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0)
	}

}

.cc_container{
	-webkit-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:0.8s;
	-moz-animation-duration:0.8s;
	-o-animation-duration:0.8s;
	animation-duration:0.8s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}

@media screen and (min-width: 500px){
	.cc_container{
		border-radius:5px;
		box-shadow:0px 5px 10px rgba(0,0,0,0.2)
	}

}