/* Stile del messaggio sull'accettazione della cookie policy */

/* animazione barra */
/* Chrome, Safari, Opera */
@-webkit-keyframes animation-bar{
    0%   {bottom:-50px;}
    100% {bottom:0px;}
}
/* Standard syntax */
@keyframes  animation-bar{
    0%   {bottom:-50px;}
    100% {bottom:0px;}
}

/* contenitore */
#cookie-msg{
	position: fixed;
	z-index: 9999;
	left: 0;
	bottom: 0px; /* top: 0; per mettere il box in alto */
	width: 100%;
	margin: 0;
	padding: 20px 2%;
	color: #fff;
	background: #34495e;
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	filter:alpha(opacity=95);
    -webkit-animation-name: animation-bar; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    /*-webkit-animation-delay: 1s;*/ /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: ease-out;
    animation-name: animation-bar;
    animation-duration: 1s;
	/* animation-delay: 1s;*/
    animation-timing-function: ease-out;
}

/* paragrafo spiegazioni */
#cookie-msg p{
	margin: 0 0 10px 0;
	font-size: 0.8em;
}

/* link informativa */
#cookie-msg span.link{
	cursor: pointer;
	font-weight: bold;
	color: #6a75e9;
	text-decoration: underline;
}

/* bottone accetta */
#cookie-msg button{
	display: block;
	cursor: pointer;
	font-weight: bold;
	border: 0;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	color: #fff;
	background: #6a75e9;
	padding: 10px 20px;
	text-decoration: none;
	margin: 0;
}
#cookie-msg button:hover {
  background: #fff;
  color: #6a75e9;
  text-decoration: none;
}

/* Gestione responsiva */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	#cookie-msg p{
		float: left;
		width: 80%;
		margin: 0 10px 0 0;
	}
	#cookie-msg button{
		float: left;
		margin-right: 20px;
	}
}