* {
    box-sizing: border-box;
}

html, body {
    height:100%;
    font-family: "Oswald", sans-serif;
}

.main-content {
    padding:15px;
    position:relative;
}

.alert {
    padding-right: 1.25rem;
    font-size:20px;
    margin-bottom: 8px;
}

.alert-secondary {
    color:black;
}

.logo {
    background:white;
    box-shadow:1px 1px #CCC;
    border-radius:5px;
    margin-bottom:10px;
}

body {
    background:url(/assets/img/app_bg.jpg);
    background-attachment: fixed;
    margin:0;
    color:black;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size:16px;
    background:#405368;
}
.btn {
    white-space:normal;
    font-size:20px;
}
.btn-sm {
    font-size: .8125rem;
}
H1 {
    font-size:20px;
    margin-top:8px;
    margin-bottom:8px;
    background:#F20000;
    color:white;
    padding: 15px;
    border-radius: 5px;
    box-shadow:0 0 1px #777;

}

#result {
    border:1px solid red;
    font-size:20px;
    text-align:center;
}

#reader_container {
    position:fixed;
    top:50%;
    left:0;
    width:100vw;
    height:100vh;
    opacity:0;
    transition:0.4s all;
    z-index:999;
    pointer-events:none;
    background:rgba(0,0,0,.8);
}

#reader_wrapper {
    position:absolute;
    top:50%;
    width:100%;
    transform:translateY(-50%);
    padding:15px;
}

#reader_container.active {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    opacity:1;
    pointer-events:all;
}
.resume {
    padding:15px;
    background:white;
    border:1px solid #777;
    border-radius:5px;
    color:black;
    margin-bottom:5px;
    font-size:20px;
}

.bon_gain {
    background:rgba(255,255,255,.8);
    padding: 15px;
    margin-bottom:5px;
    box-shadow:1px 1px #CCC;
    border-radius: 5px;
}


IFRAME {
    border-radius: 5px;
    border:1px solid #777;
    background:#F1F3F4;
}

.btn-dark {
    background:#73737D;
}

#signer {
    position:fixed;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.8);
    z-index:999;
    top:0;
    opacity:0;
    pointer-events:none;
    padding:15px;
}

#signer.active {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    opacity:1;
    pointer-events:all;
}

#signer {
    text-align:center;
    padding-top:100px;
}

#ignore {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    text-align:center;
    color:transparent;
    transition:0.4s all;
}
#ignore.active {
    background:rgba(255,255,255,.2);
}