#gdpr-cookie-message {
position: fixed;
right: 0;
bottom: 0;
width: 100%;
background-color: #fff;
padding: 30px 20px;
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
margin-left: 30px;
z-index: 2000000;
display: none;
}
#gdpr-cookie-message h4 {
margin-bottom: 5px;
}
#gdpr-cookie-message h5 {
margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
margin-bottom: 0;
}
#gdpr-cookie-message #gdpr-cookie-types ul {
padding-left: 0;
margin-bottom: 0;
}
#gdpr-cookie-message #gdpr-cookie-types li {
display: inline-block;
margin-right: 20px;
}
#gdpr-cookie-message #gdpr-cookie-types li input[type="checkbox"] {
display: none;
}
#gdpr-cookie-message #gdpr-cookie-types li input[type="checkbox"] + label {
padding-left:20px;
position: relative;
margin-bottom: 0;
}
#gdpr-cookie-message #gdpr-cookie-types li input[type="checkbox"]:disabled + label {
opacity: 0.5;
}
#gdpr-cookie-message #gdpr-cookie-types li input[type="checkbox"] + label span {
color: #000;
}
#gdpr-cookie-message #gdpr-cookie-types li input[type="checkbox"] + label:after {
content: '';
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all .4s;
font-size: .8em;
width: 12px;
height: 12px;
background: #000;
}
#gdpr-cookie-message #gdpr-cookie-types li input[type="checkbox"]:checked + label:after {
opacity: 1;
}
#gdpr-cookie-message #gdpr-cookie-types li input[type="checkbox"] + label:before {
content: '';
width: 16px;
height: 16px;
border: 1px solid #000;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#gdpr-cookie-message a {
transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
border-bottom-color: var(--red);
transition: all 0.3s ease-in;
}
#gdpr-cookie-message button.btn-primary {
margin-right: 15px;
margin-top: 5px;
}
#gdpr-cookie-message button:disabled {
opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
float: none;
margin-top: 0;
margin-right: 5px;
}