#modalLgpdCookies { position: fixed; z-index: 9999999999; } #modalLgpdCookies .modal-content-inner.modalLgpdCookies { max-width: 74rem; padding: 0; } #modalLgpdCookies .modal-content-inner.modalLgpdCookies { width: 100%; max-width: 74rem; padding: 0 1.6rem; margin: 0 auto; background: #ffffff; border: #ffffff 2px solid; box-sizing: border-box; -webkit-box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15); border-radius: 1.2rem; } .modalLgpdCookies { width: 100%; font-family: 'GeneralSans'; font-weight: 500; font-size: 18px; } .bold { font-weight: 800; } #modalLgpdCookies.modal { backdrop-filter: blur(0); background: rgb(0 0 0 / 0.1); } .modalShow { opacity: 1; display: flex; } .fixed-bottom { height: auto; width: 100%; position: fixed; bottom: 80px; display: flex; flex-direction: row; justify-content: flex-end; align-content: center; bottom: 0px; } .row-lgpd { display: flex; flex-direction: row; width: 100%; max-width: 1216px !important; margin: 10px; } .col-lgpd, .col-lgpd p { font-family: 'GeneralSans'; padding: 5px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #1D2939; } .col-lgpd-right { width: 180px; margin: auto; padding: 5px; } .col-lgpd-right button.btn-lgpd { padding: 10px 15px 10px 15px; width: 136px; font-weight: 500; font-size: 12px; line-height: 22px; text-align: center; color: #023B26; border: 1px solid #023B26; border-radius: 10px; } .col-lgpd-right button.btn-lgpd:hover { background-color: #003F28; color: #ffffff; border: 1px solid #cccccc; } .text-green { color: #23D60F; } .space-mobile { padding: 0; } a.link-green { color: #101828; } a.link-white { color: #ffffff; } a.link-underline { text-decoration: underline !important; } h3.modal-lgpd { font-style: normal; font-weight: 300; font-size: 30px; line-height: 38px; } .h3 { font-size: 20px; line-height: 26px; font-weight: 500; } .p-1 { padding: 2px; } .py-1 { padding-top: 5px; padding-bottom: 5px; } .px-1 { padding-left: 5px; padding-right: 5px; } .p-2 { padding: 5px; } .p-3 { padding: 10px; } .p-4 { padding: 15px; } .p-5 { padding: 30px; } .py-5 { padding-top: 30px; padding-bottom: 30px; } .px-5 { padding-left: 30px; padding-right: 30px; } .lgpd-px-5 { padding-left: 10px; padding-right: 20px; } .mx-5 { margin-left: 30px; margin-right: 30px; } .info-card-alert { padding: 1.6rem 1.8rem 2.6rem !important; } .modal.modalLgpdCookies { overflow-y: initial !important; } .modal-content.modalLgpdCookies { min-width: 74rem !important; } .modal-content-inner.modalLgpdCookies { overflow-y: auto; overflow-x: hidden; } @media only screen and (max-width: 1024px) { #modalLgpdCookies { position: fixed; z-index: 999999; } .fixed-bottom { margin-left:auto; margin-right:auto; bottom:7%; } #modalLgpdCookies .modal-content-inner.modalLgpdCookies { width: 95%; padding: 0rem; } #modalLgpdCookies .row-lgpd { flex-direction: column !important; } /* Important part */ /* .modal-content.modalLgpdCookies { overflow-y: initial !important; } .modal-content-inner.modalLgpdCookies { overflow-y: auto; } */ .row-lgpd { flex-direction: column; margin:0px; } .col-lgpd, .col-lgpd p { font-size: 12px; line-height: 16px; } .col-lgpd-right{ width:100%; } .col-lgpd-right button.btn-lgpd { width: 100% !important; } .space-mobile{ padding: 40px; } .lgpd-mobile-hide{ display:none; } .modal-content.modalLgpdCookies { min-width: 100% !important; } .p-1 { padding: 2px; } .p-2 { padding: 5px; } .p-3 { padding: 10px; } .p-4 { padding: 15px; } .p-5 { padding: 20px; } .lgpd-p-5{ padding: 0px; margin-right: 5px; margin-left: 5px; } .py-5 { padding-top: 20px; padding-bottom: 20px; } .px-5 { padding-left: 20px; padding-right: 20px; } .lgpd-px-5 { padding-left: 10px; padding-right: 10px; } .mx-5 { margin-left: 20px; margin-right: 20px; } }