@charset "utf-8";
/* CSS Document */

body{
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 14px; color: #000000; display: flex; justify-content: center;  flex-wrap: wrap; min-height: 100vh; align-content: space-between;
}
div{
    box-sizing: border-box;
}

div.header{
    background: #000000; display: flex; justify-content: center; padding: 15px 15px; gap:30px; width: 100%;
}
div.header img{
    width: auto; height: 30px;
}
#spacer{
    height: 30px; width: 1px; background: #ffffff; 
}
div.footer{
    display: flex; justify-content: center; padding: 15px; text-align: center;
    background-color: #f0f0f0;
    margin: 0;
    float: left;
    width: 100%;
    color: #000;
}

.container{
    display: flex; justify-content: center; padding: 50px 15px;
    margin: 0; width: 100%; flex-wrap: wrap;
    max-width: 400px;
}


#loginContainer{
    display: flex; justify-content: center; padding: 15px 0px;
    margin: 0; width: 100%; flex-wrap: wrap;
}
#loginForm{
    width: 100%;
}

h1{
}

.form-row{
    width: 100%; position: relative; float: left; padding: 10px 0px 0px 0px;
}
.form-row-submit{
    text-align: right; padding: 10px 0px 50px 0px;
}
.form-control{
    width: 100%; border: 1px solid #999; padding: 15px 10px; height: 50px; line-height: 20px; font-size: 12px; margin: 10px 0px 0px 0px;
    box-sizing: border-box;
}
label{
    font-weight: bold;
}



#downloadContainer{
    display: flex; justify-content: center; padding: 15px 0px;
    margin: 0; flex-wrap: wrap;
    width: 100%; position: relative;
}
#downloadInfo{
    width: 100%; position: relative;
}

.btn-download{
    background: #5e8244; border: 1px solid #5e8244; padding: 15px 15px; color: #ffffff; text-align: center; width: 100%; font-size: 1.4em;
    text-transform: none; box-sizing: border-box; border-radius: 10px; margin: 10px 0px; position: relative; float: left;
}
.btn-download:hover{
    background: #ffffff; color: #5e8244;
}

#noTouch{
    display: block;
}
@media (hover: hover) {
#noTouch{
    display: none;
}
}

h2{
    margin: 30px 0px 0px 0px;  position: relative; float: left; width: 100%;
}
h3{
    font-size: 1em; margin: 10px 0px 0px 0px;  position: relative; float: left; width: 100%;
}
ol{
    margin: 10px 0px 10px 0px; padding-left: 15px; position: relative; float: left; width: 100%;
}
ol li{
    margin: 0px; padding: 0px;
}

.logout{
    margin-top: 60px;float: right;
}