:root { --cookie_bgColor:#333;
--cookie_fgColor:#fff;
--cookie_fgColor_a:#333;
--cookie_fgColor_hover:#f00;
}
button#checkcookiesBtn { position: fixed; top: 0; left: 0; margin-left: 0px !important; z-index: 999999; }
button#cookie-check-advanced { background: white; color: var(--cookie_fgColor); float: right; }
button#cookie-check-advanced:hover { background: var(--cookie_fgColor); color: #fff; transition: all 0.3s ease-in; }
/* Cookie Dialog */
#cookie-check-box { position: fixed; bottom: 30px; max-width: 90%; transform: translateX(-50%); left: 50%; text-align: center;  background-color: #333; background-color: var(--cookie_bgColor); padding: 20px; border-radius: 0px; /*box-shadow: 0 6px 6px rgba(70,74,76,0.25); */ z-index: 9999999999; }
#cookie-check-box h4 { color: #fff; color: var(--cookie_fgColor); font-size: 18px; font-weight: 500; margin-top: 0; margin-bottom: 10px; text-transform: uppercase; }
#cookie-check-box h5 { color: #fff; color: var(--cookie_fgColor); font-size: 15px; font-weight: 500; margin-bottom: 10px; }
#cookie-check-box p, #cookie-check-box ul { color: white; font-size: 16px; line-height: 1.5em; }
#cookie-check-box ul { padding-left: 0px }
#cookie-check-box p:last-child { margin-bottom: 0; }
#cookie-check-box li { position: relative; width: 49%; display: inline-block; }
#cookie-check-box p a { display: inline-block; margin: 10px 0; color: #fff; color: var(--cookie_fgColor); text-decoration: none; font-size: 13px; padding-bottom: 2px; border-bottom: 1px dotted rgba(255,255,255,0.75); transition: all 0.3s ease-in; }
#cookie-check-box a:hover { opacity: .7; transition: all 0.3s ease-in; }
#cookie-check-box button, button#checkcookiesBtn { border: none; background: #333; background: var(--cookie_fgColor_a); color: #fff; color: var(--cookie_fgColor); font-size: 12px; text-transform: uppercase; padding: 8px 16px; border-radius: 0px; cursor: pointer; transition: all 0.3s ease-in; }
#cookie-check-box button:hover { background: #f00; background: var(--cookie_fgColor_hover); color: #333; color: var(--cookie_fgColor_a); transition: all 0.3s ease-in; }
#cookie-check-box button:disabled { opacity: 0.3; }
#cookie-check-box input[type="checkbox"] { float: none; margin-top: 0; margin-right: 5px; }
#cookie-check-accept { float: left; }
#cookie-check-types { padding: 10px 0; }
/*Checkbox*/
.cookie-styled-checkbox { position: absolute; opacity: 0; }
.cookie-styled-checkbox + label { position: relative; cursor: pointer; padding: 0; margin-left: 0px; }
.cookie-styled-checkbox + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.7);-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.cookie-styled-checkbox:hover + label:before { background: rgba(255,255,255,.5);   }
.cookie-styled-checkbox:focus + label:before { }
.cookie-styled-checkbox:checked + label:before { }
.cookie-styled-checkbox:disabled + label { color: rgba(255,255,255,.5); cursor: auto; }
.cookie-styled-checkbox:disabled + label:before { box-shadow: none; border: 1px solid rgba(255,255,255,.3); }
.cookie-styled-checkbox:checked + label:after { content: ''; position: absolute; left: 8px; top: 4px; display: inline-block; transform: rotate(40deg); height: 10px; width: 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.cookie-styled-checkbox:disabled + label:after { }

@media (max-width:736px) {
#cookie-check-box { width: 90%; margin: 0; bottom: 100px; }
}