#bb-cookies-dialog { display: block; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255,255,255,.95); border: 1px solid #aaa; color: #333; padding: 2rem; overflow: auto; margin: auto; z-index: 100000; max-height: 90vh; width: 100% } .bb-cookies-dialog-wrapper { transition: .5s } #bb-cookies-dialog-hide { position: absolute; right: 1rem; top: 0; color: gray; font-size: 2rem; display: block } .bb-cookies-title { font-weight: 700; margin-bottom: .5rem } .bb-cookies-title-box { display: flex; justify-content: space-between; align-items: center } .bb-cookies-group-controls input:before,.bb-cookies-group-controls input { border-color: red } .bb-cookies-group-controls input:checked:before,.bb-cookies-group-controls input:checked { color: green; border-color: green } .bb-cookies-group-controls input:disabled:before { color: #fff; border-color: gray; background: gray; opacity: .3 } #bb-cookies-text { display: block; margin: 1rem auto } #bb-cookies-options { display: none; margin: 2rem auto } #bb-cookies-options article { margin-bottom: 2rem } #bb-cookies-about { display: none; margin: 2rem auto } .bb-cookies-controls { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 2rem } .bb-cookies-controls .bb-cookies-btn { margin: .5rem; padding: .75rem 1rem; border: 1px solid #999e; border-radius: .25rem; text-align: center; min-width: 150px } #bb-cookies-accept-controls .bb-cookies-btn { min-width: 200px } .bb-cookies-btn-ok { background: green; color: #fff !important } #bb-cookies-dialog-state-default #bb-cookies-dialog { top: initial; margin: auto; max-width: initial; max-height: 40vh; bottom: -2px; animation: none !important } #bb-cookies-dialog { animation-name: resizeDialog !important; animation-duration: 1s !important } @keyframes resizeDialog { 0% { opacity: 0 } 20% { opacity: 0 } 100% { opacity: 1 } } #bb-cookies-dialog-state-default #bb-cookies-dialog-hide { display: none } #bb-cookies-dialog-state-default #bb-cookies-text { display: block } #bb-cookies-dialog-state-options #bb-cookies-options { display: block } #bb-cookies-dialog-state-about #bb-cookies-about { display: block } @media (min-width: 992px) { .bb-cookies-controls .bb-cookies-btn { width:200px } #bb-cookies-dialog-state-options #bb-cookies-dialog,#bb-cookies-dialog-state-about #bb-cookies-dialog { width: 800px } .bb-cookies-controls { flex-direction: row-reverse } } .bb-cookies-group-controls input[type=checkbox], .bb-cookies-group-controls input[type=radio] { width: 2rem; height: 2rem; margin: 0; visibility: visible !important; }