#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;z-index: 10000;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

#cookie-bar {
	padding: 20px 200px 20px 15px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	text-align: left;
}

#cookie-bar .cb-enable {
	border: 1px solid #9AB1BB;
	background: transparent;
	padding: 4px 35px;
	color: #9AB1BB;
	float: right;
	transition: background .35s ease, color 0.35s ease;
	display: block;
	position: absolute;
    top: 50%;
    right: 15px;
    width: 150px;
    text-align: center;
    transform: translateY(-50%);
}

#cookie-bar .cb-enable:hover {
	background: #9AB1BB;
	color: #fff;
}

@media (max-width: 480px) {
	
	#cookie-bar {
		padding: 10px 15px 15px;
		text-align: center;
		background: #fff;
	}
	
	#cookie-bar p {
		line-height: 1.3;
	}
	
	#cookie-bar .cb-enable {
		position: inherit;
		float: none;
		top: auto;
		display: table;
		margin: 15px auto 0;
		transform: none;
	}
}