html, body {
    height:100%;
}
body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.login {
    width:100%;
    max-width:25rem;
    margin:auto;
}
img.tpp_logo {
    width:100%;
}
label.tpp-form-label {
    font-size:1.2rem;
    text-transform:uppercase;
    font-weight:600;
    color:#eeeeee;
}
.login button, .inactive-message .btn {
    text-transform:uppercase;
    font-weight:600;
}

.inactive-message {
    width:100%;
    max-width:90rem;
    margin:auto;
}
.test-container {
    width:100%;
    margin:0 auto;
    max-width:90rem;
}
div.tpp-container {
    padding:2rem;
    /*background:rgba(0,0,0,0.4);
    border-radius:0.5rem;*/
}
div.tpp-container div.item {
    max-width:80rem;
}
img.confidant-progress-logo {
    position:absolute;
    top:1rem;
    left:1rem;
    width:8rem;
    opacity:0;
}

/* Chat */
/*
.user_initials {
    color:rgb(70, 70, 70) !important;
}

.msg_container_send{
    background-color:rgb(70, 70, 70) !important;
}

.msg_action:hover {
    color:rgb(70, 70, 70) !important;
}
*/