#loginContainer{
    /* floating in middle of page*/
    position:fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    border-radius: 10px;
    width: 35%;
    min-width: 270px;
    max-width:400px;
    
    height:450px;
    box-shadow:0px 5px 18px 4px rgba(0, 0, 0, 0.4);
}

#captchaContainer{
    position:relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
}

#footerContainer{
    position:fixed;
    top: 100%;
    left: 0%;
    transform: translate(0%, -100%);
    
    background: rgb(39, 105, 186); /* Same color as knockout logo after 0.1 opacity */
    width:100%;
    
    color: #FFFFFF;
    padding-top: 3px;
}

#footerContainer h4,
#footerContainer h5{
    margin-top:0px;
    margin-bottom:3px;
}

#loginLogo{
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
    width:120%;
    margin-top: 15px;
}

#backgroundImage {
    opacity: 0.1;
    height:120vh;
    position:absolute;
    top:100%;
    left:0%;
    transform: translate(-30%, -70%);
}

button, input[type=button], input[type=submit]{
     width:67%;
}

body a {
    color: #78a7c8;
    text-decoration: none;
}

body a:hover{
    color: #34678a;
    text-decoration: none;
}

#footerContainer a {
    color: #78a7c8;
    text-decoration: none;
}

#footerContainer a:hover {
    color: #DDD;
    text-decoration: none;
}

input[type=text], input[type=password]{
    border: 1px solid #ddd;
    padding:6px;
}

input[type="password"][name="password"]:hover {
    border-color: #2196F3;
}

input[type="password"][name="password"]:focus {
    border-color: #2196F3;
    outline: none;
    box-shadow: 0 0 0 0.22rem #a6d5fa;
}