html{
    font-family: Helvetica,Arial,sans-serif;
    height:100%;
    overflow: auto;
}
body{
    overflow: auto;
    width:100%;
    height: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    background: #333;
    font-size: 18px;
}
h1{
    margin:0 0 .5em 0;
    padding-bottom:.5em;
    border-bottom: 2px solid #005fa0;
    color: #333;
}
a{
    color:#005fa0;
}
body>form{
    box-shadow: 2px 2px 8px #ccc;
    padding: 3rem;
    display: inline-block;
    background: #eee;
    min-width: 320px;
    text-align: center;
    border-radius: .5em;
}
body>div.frame{
    box-shadow: 2px 2px 8px #ccc;
    padding: 3rem;
    display: inline-block;
    background: #eee;
    min-width: 320px;
    text-align: center;
    border-radius: .5em;
}
body>form>div{
    padding: .5em 0;
}
body>div.frame>div{
    padding: .5em 0;
}
body>form>div>label{
    min-width:160px;
    text-align: left;
    display:block;
    padding-right:1em;
    color: #666;
}
body>div.frame>div>label{
    min-width:160px;
    text-align: left;
    display:block;
    padding-right:1em;
    color: #666;
}
input {
    border-radius: .5em;
    border-color: transparent;
    padding:.5em;
    display: block;
    width:90%;
    font-size:120%;
}
button{
    padding:1em;
    background-color: #005fa0;
    color: white;
    border-radius: .5em;
    border-color: transparent;
    min-width: 16em;
    margin-top:1em;
    font-size: 18px;
}
button:hover{
    cursor:pointer;
}
.container {
    padding:1em;
    /*background-color: #bbb;*/
    border-radius: .5em;
    border-color: transparent;
    position: relative;
}
.vertical-center {
   /* margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
div.authHeader{
   display:flex;
   flex-direction: column;
   align-items:center;
   font-size: 120%;
   padding: 0 1rem;
}
div.authHeader>img{
   margin:0 .5em;
   height:64px;
}
.errorCode{
   padding:1em !important;
   border: 1px solid rgba(255, 20, 20, .8);
   background-color: rgba(255, 20, 20, .1);
   border-radius: 5px;
   /*text-align:left;*/
}
.errorCode h3{
   color:rgba(222, 20, 20, .8);
   margin-top:0;
}
.message{
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
div.error{
    border-radius: .5em;
    padding:1em;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}