html, body {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    color: #000000;
    font-size: 18px;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}



.SiteDiv {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%
}

.HeaderDiv {
    background-color: #662d91;
    color: #f2f2f2;
    font-size: 18px;
    flex-grow: 0;
    flex-shrink: 0;
}

.MainDiv {
    background-color: #fFfFfF;
    color: #222222;
    font-size: 18px;
    flex: auto;
    flex-grow: 1;
    flex-shrink: 0;
}

.FooterDiv {
    background-color: #662d91;
    color: #f2f2f2;
    font-size: 12px;
    /*height: 25px;*/
    flex-grow: 0;
    flex-shrink: 0;
}

.CenterDialogParent {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.CenterDialogChild {
    margin: auto;
    max-width: 1080px;
    /*border: 5px solid #FFFF00;*/
    padding: 10px;
}



.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    height: 1em;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25;
    margin: 5px;
}

.footer-vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    height: 1em;
    min-height: 1em;
    background-color: currentColor;
    opacity: .50;
    margin: 5px;
}




a.footer-link:link {
    color: #cccccc
}

/* visited link */
a.footer-link:visited {
    color: #cccccc
}

/* mouse over link */
a.footer-link:hover {
    color: #999999
}

/* selected link */
a.footer-link:active {
    color: #999999
}


.bg-dialog-logo, .bg-dialog-logo > a {
    color: #fff !important;
}

.bg-dialog-logo {
    background-color: #361457 !important;
    /*background-color: lightgrey !important;*/
}

.reset-password-box {
    width: 460px;
}