body {
    padding-top: .25em;
    background: url('../../images/ea-hands-full.png') no-repeat #16427E;
    background-size: 100%;
    font-family: 'Segoe UI','Open Sans', Arial, sans-serif !important;
    font-size: 18px;
    /*background-color: #16427F;
    background-size: 100%;
    background-repeat: no-repeat;*/
}

.form-signin {
    /*max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    margin-left: 18em;*/
}


.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    /*margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;*/
}

.form-signin input[type="password"] {
    /*margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;*/
}

.form-signin-heading {
    font-size: 32px;
    color: #FFF;
    float: right;
    font-weight: 500;
    margin-bottom: .25em;
}

.help-block {
    font-size: 75%;
    color: #FFF;
    text-align: center;
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 24px;
    padding: 24px 10px;
}

.loginpage {
    margin: 1em;
}


@media all and (max-width: 800px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose {
        padding: 8px 16px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .9em;   
    }
}

@media all and (min-width: 320px) and (max-width: 580px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }

    body {
        padding-top:10em;
    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
    body {
        padding-top:10em;
    }

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
    body {
        padding-top:10em;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch,
.btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser,
.btnAddUser, .btnContinue, .btnRefresh, .btnDownload,
.btnFailureFilter, .btnHelp, .btnClose {
    padding: 10px 18px;
    font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 1em;   
}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch,
.btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser,
.btnAddUser, .btnContinue, .btnRefresh, .btnDownload,
.btnFailureFilter, .btnHelp, .btnClose {
    padding: 10px 18px;
    font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 1em;   
}

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


.btn.purple {
    background-color: #804090;
    border-color: #804090;
}

.btn.ltgreen {
    background-color: #BBD736;
    border-color: #BBD736;
}

.home-btn {
    font-size: 24px;
    padding: 24px;
    width:100%;
}

.row.extapp {
    margin-top: 1em;
}

.row.extapp:first-of-type {
    margin-top: 2em;
}

a.footerlink, a.footerlink:hover, div.row-footer-last p {
    color: #FFF;
}