#cookie-bar {
    background: #4c565a;
    height: auto; 
    line-height: 24px; 
    color: #fff; 
    text-align: center; 
    padding: 8px 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

#cookie-bar.fixed {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%;
    z-index: 9999999;
}

#cookie-bar.fixed.bottom {
    bottom: 0; 
    top: auto;
}

#cookie-bar p {
    margin: 0; 
    padding: 0;
}

#cookie-bar a {
    color: #fff; 
    display: inline-block; 
    text-decoration: none; 
    padding: 1px 12px; 
    margin-left: 8px;
}

#cookie-bar .cb-enable {
    background: rgb(104, 193, 196);
    -webkit-transition: border ease .5s;
    -moz-transition: border ease .5s;
    -o-transition: border ease .5s;
    transition: border ease .5s;
    border: 1px solid rgb(104, 193, 196);
}

#cookie-bar .cb-enable:hover {
    border: 1px solid rgba(255,255,255,.6);
}

#cookie-bar .cb-disable {
    background: #990000;
}

#cookie-bar .cb-disable:hover {
    background: #bb0000;
}

#cookie-bar .cb-policy {
    background: rgb(104, 193, 196);
    -webkit-transition: border ease .5s;
    -moz-transition: border ease .5s;
    -o-transition: border ease .5s;
    transition: border ease .5s;
    border: 1px solid rgb(104, 193, 196);
}

#cookie-bar .cb-policy:hover {
    border: 1px solid rgba(255,255,255,.6);
}