trustarc overlay position

by ian_smithz

HTML

<div id="pop-div02534176492207614" class="truste_overlay" style="background-color: rgb(0, 0, 0); opacity: 0.4; position: fixed; z-index: 1000400; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden;"></div>


<div id="pop-div208398382501457844" class="truste_box_overlay" style="position: absolute; z-index: 2000400; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 5px; padding: 10px; background: url(&quot;https://consent.trustarc.com/get?name=trans.png&quot;); width: 80%; max-width: 5000px; min-width: 220px; margin: 20px auto; box-sizing: content-box; height: 292px;"><div id="pop-div305078507543972623" class="truste_box_overlay_inner" tabindex="1" role="dialog" aria-label="Your Choice Regarding Cookies on this Site" style="position: relative; width: 100%; height: 292px; outline: none;"><img src="https://consent.trustarc.com/get?name=transparent.png" style="display: block; width: 100%; height: 100%;"><iframe src="https://consent-pref.trustarc.com/?type=screwfix_scrollbar_test&amp;site=screwfix-poc.com&amp;action=notice&amp;country=gb&amp;locale=de&amp;behavior=expressed&amp;gtm=1&amp;layout=default_eu&amp;from=https://consent.trustarc.com/" id="pop-frame007716960739301659" tabindex="1" scrolling="no" style="border: 0px; border-radius: 2px; overflow: hidden; background: rgb(255, 255, 255); display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 292px;"></iframe></div></div>

CSS

.truste_overlay{
      opacity: 0.8!important;
}

.truste_box_overlay {
    bottom: 0!important;
    top: auto!important;
    overflow-y: auto;
    max-height: calc(100% - 130px);
}

.truste_box_overlay_inner {
    max-height: 100%!important;
    overflow-y: auto;
    position: absolute!important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}