html {
    min-width: 100%;
    min-height: 100%;
}

/* make body also fill window, minus the padding */
body {
    min-width: calc(100% - 0px);
    min-height: calc(100% - 0px);
    padding: 0px;
    margin: 0;
}

/* css for the popup, important notes are display of none and fixed position along with a high z index and centering */
#digitalruby_exitpopup_div {
    display: none;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    background-color: #fff;
    font-size: large;
    color: #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    max-height: 200px;
    width: 75%;
    height: 75%;
    filter: drop-shadow(0px 0px 10px black);
    text-align: center;
}

/* css for the popup background, also display of none and fixed position along with filling the viewport */
#digitalruby_exitpopup_div_background {
    display: none;
    position: fixed;
    background-color: rgba(20, 20, 20, 0.5);
    z-index: 1021; /*just 1 point more than menu z-index*/
    transform: translate(0%, 0%);
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}

.reset-popup-flag {
    color: transparent;
    margin:0px !important;
    padding:0px !important;
    text-align:center;
}