#cookie-consent-banner { font-family: Roboto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1024px; width: 90%; background-color: #fff; color: #212121; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 11000; display: none; } p.consent-text { padding: 20px; } #cookie-consent-overlay { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); z-index: 9998; pointer-events: none; } .cookie-title { text-align: center; font-size: 25px; padding: 15px; margin: 0px; font-weight: bold; color: white; background-color: #00c2c3; border-bottom: 1px solid gray; } .consent-buttons { display: flex; flex-direction: row; justify-content: center; } .cookie-consent-button { border: none; padding: 18px 26px; text-align: center; text-decoration: none; font-size: 14px; margin: 4px 2px; cursor: pointer; border-radius: 30px; } .cookie-consent-button:hover { background-color: #242D65; } .cookie-consent-button:active { opacity: .5; } .cookie-consent-button.btn-success { background-color: #00c2c3; color: white; } .cookie-consent-button.btn-grayscale { background-color: #eee; border: 1px solid #9b9b9b; color: #9b9b9b; } .cookie-consent-button.btn-outline { background-color: #ffffff; border: 1px solid #f7b62a; color: #f7b62a; } .cookie-consent-options { display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0px; } .cookie-consent-options label { margin: 0 10px; font-size: 14px; } .cookie-consent-options input { margin-right: 5px; } .consent-text { padding-top: 0.3em; } #cookie-image { display: none; position: fixed; bottom: 15px; left: 5%; transform: translateX(-50%); z-index: 9999; cursor: pointer; margin: 10px; width: 40px; background: white; border-radius: 50%; padding: 5px; } .checkbox-wrapper-6 .tgl { display: none; } .checkbox-wrapper-6 .tgl, .checkbox-wrapper-6 .tgl:after, .checkbox-wrapper-6 .tgl:before, .checkbox-wrapper-6 .tgl *, .checkbox-wrapper-6 .tgl *:after, .checkbox-wrapper-6 .tgl *:before, .checkbox-wrapper-6 .tgl + .tgl-btn { box-sizing: border-box; } .checkbox-wrapper-6 .tgl::-moz-selection, .checkbox-wrapper-6 .tgl:after::-moz-selection, .checkbox-wrapper-6 .tgl:before::-moz-selection, .checkbox-wrapper-6 .tgl *::-moz-selection, .checkbox-wrapper-6 .tgl *:after::-moz-selection, .checkbox-wrapper-6 .tgl *:before::-moz-selection, .checkbox-wrapper-6 .tgl + .tgl-btn::-moz-selection, .checkbox-wrapper-6 .tgl::selection, .checkbox-wrapper-6 .tgl:after::selection, .checkbox-wrapper-6 .tgl:before::selection, .checkbox-wrapper-6 .tgl *::selection, .checkbox-wrapper-6 .tgl *:after::selection, .checkbox-wrapper-6 .tgl *:before::selection, .checkbox-wrapper-6 .tgl + .tgl-btn::selection { background: none; } .checkbox-wrapper-6 .tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-wrapper-6 .tgl + .tgl-btn:after, .checkbox-wrapper-6 .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .checkbox-wrapper-6 .tgl + .tgl-btn:after { left: 0; } .checkbox-wrapper-6 .tgl + .tgl-btn:before { display: none; } .checkbox-wrapper-6 .tgl:checked + .tgl-btn:after { left: 50%; } .checkbox-wrapper-6 .tgl-light + .tgl-btn { background: #f0f0f0; border-radius: 2em; padding: 2px; transition: all 0.4s ease; } .checkbox-wrapper-6 .tgl-light + .tgl-btn:after { border-radius: 50%; background: #fff; transition: all 0.2s ease; } .checkbox-wrapper-6 .tgl-light:checked + .tgl-btn { background: #9FD6AE; } .disabled-button { background: #a0a0a0 !important; } @media (max-width: 768px) { #cookie-consent-banner { max-width: 90%; font-size: 14px;  } .cookie-title { font-size: 20px;  } .consent-buttons { display: flex; flex-direction: column; justify-content: center; width: 80%; margin: 5px auto; } .cookie-consent-button { padding: 10px; font-size: 12px;  } .cookie-consent-options label { display: block; margin-bottom: 10px; font-size: 12px;  } p.consent-text { padding: 0px 10px; font-size: 12px;  } }   .addonify-cp-button .addonify-cp-icon svg { display: none; }