@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

* {
    box-sizing: border-box;
}

html {
    font-size: 1.000em;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
	width: 100%; width: 100vw; min-height: 100%; height: 100%; height: 100vh;
    margin: 0;
    font: 0.75em/12px "Open Sans", sans-serif;
    color: #212A2E;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

#frameBox {position: relative; width: 100%; width: 100vw; height: 100%; height: 100vh;}

#frameBoxHeader {position: absolute; top: 0; left: 0; width: 100%; height: 44px; padding: 16px 60px; background: #fff; text-align: left;}
#frameBoxHeader img#securedIcon {position: absolute; top: 10px; left: 20px; height: 25px; width: auto;}
#frameBoxHeader img#partnerLogo {position: absolute; top: 7px; right: 20px; height: 30px; width: auto;}
#closeFrame {position: absolute; top: 0; right: 0; display: inline-block; padding: 16px 20px; color: inherit; text-decoration: none;}

#frameBox iframe{position: absolute; top: 44px; bottom: 0; left: 0; right: 0; border: 0; width: 100%; height: calc(100% - 45px);}