html,body
{
    height: 100%;
}
.container
{
    height: 100%;
    display: flex;
    flex-direction: row
}

.left-panel
{
    background: #252525;
    flex:1 0;
    color:#fff;
    display: flex;
    flex-direction: column;
}

.right-panel
{
    background: #fff;
    flex:1 0;
    align-items: center;
}

.app-logo
{
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    height: 128px;
    width: 128px; 
    margin-bottom:40px;
}

.app-header
{
    margin-top:105px;
    font-size:24px;
    padding-left:80px;
}

.app-footer
{
display: flex;
flex:1 1;
flex-direction: column-reverse;
}

.app-footer p
{
    padding-left:80px;
padding-right: 80px;
padding-bottom: 40px;
font-size:12px;
}

.app-header h3 b
{
    font-weight: bold;
}

.login-panel
{
    padding:20%;
}

.login-panel h4
{
    font-size:24px;
    font-weight: 400;
    margin-bottom: 24px;
}

.bx--form-item
{
    margin-bottom:2rem;
}