body {
    background-color: #ddd;
    margin: 0px;
    padding: 0px;
    font-family: Segoe UI,"SegoeUIWF",Arial,sans-serif;
    font-size: 70%;
    color: black;
}

.authenticate-mainpanel {
    background-color: white;
    border: 1px solid silver;
    width: 769px;
    margin: 0px auto;
    margin-top: 20px;
}

.authenticate-content {
   margin:20px
}
    .authenticate-content .row {
        margin-right: -20px;
        margin-left: -20px;
    }

.authenticate-header {
    margin-bottom: 50px;
}

.authenticate-imageframe {
    min-height: 300px;
    max-height: 300px;
}

    .authenticate-imageframe img {
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.authenticate-title {
    margin-bottom: 10px;
    font-size: 20pt;
    font-family: Verdana;
}

.authenticate-username-spacer {
    height: 30px;
    margin: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.authenticate-username,
.authenticate-password,
.authenticate-submit {
    margin: 0px 0px 10px 0px;
}

.authenticate-submit input {
    width: 75px;
}

.authenticate-label {
    color: #777;
    display: block;
    margin-bottom: 4px;
    font-family: Verdana;
}

.authenticate-messages {
    margin-top: 20px;
    font-family: Verdana;
}

.authenticate-error {
    color: red;
}

.authenticate-link {
    color: Black;
    text-decoration: none;
    text-align: center;
}


.authenticate-footer {
    color: #555;
    border-top: 1px solid gray;
    padding: 10px;
    margin: 0px auto;
    font-size: 0.9em;
}

    .authenticate-footer a {
        color: #555;
    }


.authenticate-label-username,
.authenticate-back-username {
    color: #777;
    text-decoration: none;
    font-size: 16px;
}

    .authenticate-back-username i {
        padding-right: 5px;
    }

        .authenticate-back-username:hover,
        .authenticate-back-username i:hover {
            color: #000;
        }


.authenticate-display-message {
    margin-top: -30px;
}
    .authenticate-display-message .callout {
        min-height: 60px;
        height: 60px;
        max-height: 60px;
        padding: 5px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.cookie-info-view-btn {
    position: absolute;
    bottom: 0;
    font-size: 0.8rem;
}