#cookie-bar {background:#111111; height:auto; min-height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#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 span {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px; cursor:pointer}
#cookie-bar .cb-enable {background:#D5B579; color:#000}
#cookie-bar .cb-enable:hover {background:#998255; color:#000}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#FFF; color:#000}
#cookie-bar .cb-policy:hover {background:#AAA;}

#cookie-bar p{
    color:#FFF;
}

#cookie-bar .policy-popup {
    display:none; 
    position:fixed;  
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 60%;
    min-width:400px;
    background-color:#3E3E3E; 
    padding:30px;
    box-shadow: 4px 4px 5px #888888;
}

#cookie-bar .policy-popup .close-button-popup{
    display:block;
    width:10px;
    height:30px;
    line-height:10px;
    position:relative;
    font-weight:bolder;
    text-align:center;
    cursor: pointer;
    color: #FFF;
    float:right;
}

#cookie-bar .policy-text{
    width:100%;
    height:90%;
    overflow: auto;
    text-align:left;
    text-align: left;
    padding-right:20px;
    font-size: 0.9em;
    line-height: 1.4em;
}

#cookie-bar .policy-text ol,ul{
    margin-left:30px;
    color:#FFF;
}

#cookie-bar .policy-text h1{
    font-size:1.3em;
    line-height: 2.5em;
    color:#FFF;
}

#cookie-bar .policy-text h2{
    font-size:1.2em;
    line-height: 2em;
    margin-top:1.5em;
    color:#FFF;
}

#cookie-bar .policy-text h3{
    font-size:1.0em;
    line-height: 1.8em;
    color:#FFF;
}

#cookie-bar .policy-text p{
    color:#FFF;
}