﻿#cookie-bar {
	position: relative;
	width: 100%;
	background: #f6f6f6; 
	border-top: 1px solid #16a085;
	border-bottom: 1px solid #16a085;
	opacity: 1.0;
	font-size: 1.1em;
	height:auto; 
	line-height:24px; 
	color:#404040; 
	text-align:left; 
	padding: 15px 0 30px 0;}
	
#cookie-bar.fixed {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
	width:90%;	
	margin: 5% auto;		
	border-radius: 10px;}	

#cookie-bar.fixed.bottom {
	bottom: 10px; 
	top: auto;
	margin: 0 auto;}
	
@media (max-width: 992px) {
#cookie-bar {
	background:#ffffff;}	
	
	#cookie-bar.fixed {
		width:100%;
		border-radius: 0;}
		
	#cookie-bar.fixed.bottom {	
		margin:0;}	
}	

#cookie-bar p {
	margin:0; 
	padding: 0 50px;
	font-size: 14px;
	font-weight: 400;
	color: #000;
}
	
#cookie-bar a {
	color:#c9c9c9; 
	display:inline-block; 
	border-radius:6px; 
	text-decoration:none; 
	padding:0 6px; 
	margin-right:6px;
	}

#cookie-bar .cb-enable {
	background:#16a085;
	color:#ffffff;
	padding: 3px 12px 3px 12px;
	}
#cookie-bar .cb-enable:hover {
	background:#746e68;
	color: #ffffff;
	}
	
#cookie-bar .cb-disable {
	background:#16a085;
	color:#ffffff;
	padding: 3px 12px 3px 12px;
	border-radius:;
    }
#cookie-bar .cb-disable:hover {
	background:#746e68;
	color: #ffffff;
	}
	
#cookie-bar .cb-policy {
	background:#16a085;
	color:#ffffff;
	padding: 3px 12px 3px 12px;
	}
#cookie-bar .cb-policy:hover {
	background:#746e68;
	color: #ffffff;
	}	


@media only screen and (max-width:768px){
	#cookie-bar .cb-enable {
		margin-bottom: 10px;
		}
    #cookie-bar .cb-disable {
		margin-bottom: 10px;
		}
	#cookie-bar .cb-policy {
		margin-bottom: 10px;
		}		
}

/*
#cookie-bar * {box-sizing: border-box;}
#cookie-bar {background:#000; height:auto; line-height:1.5em; color:#fff; text-align:left; padding:1.5em; font-size: 14px;}
#cookie-bar:after {content: ""; display: table; clear: both;}

#cookie-bar.top {position:relative; width:100%;}
#cookie-bar.top_fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.bottom_fixed {position:fixed; bottom:0; width:100%; }
#cookie-bar.bottom_right_fixed {position:fixed; bottom:0; right:0; width:25%;}
#cookie-bar.bottom_left_fixed {position:fixed; bottom:0; left:0; width:25%;}

#cookie-bar p {margin:0; padding:0;}
#cookie-bar.top p,
#cookie-bar.top_fixed p,
#cookie-bar.bottom_fixed p {float:left;padding: 0.2em 0;}
#cookie-bar strong {display:inline;}

#cookie-bar p a {color:#fff; display:inline-block; text-decoration:underline; }
#cookie-bar p a:hover {text-decoration:none; }

#cookie-bar .cookie-bar-buttons {text-align: center;margin-top: 1em;}
#cookie-bar .cookie-bar-buttons a { display:inline-block; text-decoration:none; padding:1em; margin:0 1%;width: 48%;}
#cookie-bar.top .cookie-bar-buttons,
#cookie-bar.top_fixed .cookie-bar-buttons,
#cookie-bar.bottom_fixed .cookie-bar-buttons {float: right;text-align: center;margin-top: 0;}
#cookie-bar.top .cookie-bar-buttons a,
#cookie-bar.top_fixed .cookie-bar-buttons a,
#cookie-bar.bottom_fixed .cookie-bar-buttons a { display:inline-block; text-decoration:none; padding:0.2em 1em; margin:0 8px;width: auto;}


#cookie-bar .cb-enable {background:#fff;color:#000;font-weight: bold;}
#cookie-bar .cb-enable:hover {background:#009900;color:#fff}
#cookie-bar .cb-disable {background:#000;color:#fff}
#cookie-bar .cb-disable:hover {background:#bb0000;}

@media only screen and (max-width:1024px){
	#cookie-bar.bottom_left_fixed,
	#cookie-bar.bottom_right_fixed{width:50%;}
}
@media only screen and (max-width:400px){
	#cookie-bar.bottom_left_fixed,
	#cookie-bar.bottom_right_fixed {width:100%;}
}
*/
	


















	
