body
{
    padding-top: 52px;
    height: 100vh;
    min-height: 100%;
}

#main
{
    background-image: url(/photos/radar-b3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: bottom;
    height: 100%;
    padding-top: 20px;
}

.content
{
    margin-bottom: 40px;
}

h1
{
    color: white;
}

.daTerms
{
    font-style: italic;
    font-size: 90%;
}

.instruction
{
    margin-top: 20px;
}

body.skin-dark
.panel-footer
{
    background-color: #999f99;
    color: #fff;
}

body.skin-dark
#loginStatusField
{
    color: #fff;
}

#loginErrorField
{
    margin-top: 10px;
}

body.skin-dark 
.btn.btn-primary
{
    background-color: #14417f;
    border-color: #202134;
}

body.skin-dark #btnHelp
{
    margin-top: 1px !important;
}

.back
{
    position: absolute;
    z-index: 5;
    right: 30px;
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
    text-align: center;
    font-size: 200%;
    /*color: #777777;*/
}

    .back:hover
    {
        color: #dddddd !important;
    }

    .back .fa
    {
        margin: 3px;
    }

body.skin-dark a.back:hover
{
    background-color: transparent !important;
}

.panel-heading a:hover, .panel-heading a:hover *
{
    text-decoration: none !important;
}