#outer {
    display: none;
}

#inner-border {
    /*
        Add if required to match the desktop border style
        border: 1px solid white;
        padding: 3px;
    */
    position: absolute;
    width: 600px;
    height: 470px;
    background-color: transparent;
}

#inner {
    position: absolute;
    width: 600px;
    height: 470px;
    background-repeat: no-repeat;
    background-image: url('/Content/images/branding/Login.png');
}

#loginFormLayout {
    position: relative;
    top: 245px;
    left: 10px;
    width: 580px;
}

#server-configuration-button div.dxb {
    padding: 0 !important;
}

    /* Only added to ensure the correct size of the image within Edge */
    #server-configuration-button div.dxb img {
        width: 22px;
    }

/* Validation */
.field-validation-error {
    font-size: 12px;
}

#validation {
    position: absolute;
    font-size: 12px;
    font-family: monospace;
    background-color: #ee2f34;
    width: 600px;
    text-align: left;
    color: #ffffff;
}

    #validation li {
        list-style: none;
        margin-right: 50px;
        word-wrap: break-word;
    }

p {
    padding: 0;
}

.unsupported-browser {
    position: absolute;
    top: 235px;
    left: 35px;
    border: #ffa4ad 1px solid;
    background-color: #FEECEA;
    padding: 20px;
    right: 35px;
}

    .unsupported-browser > div:first-child {
        display: flex;
        margin-bottom: 4px;
    }

    .unsupported-browser > div:last-child {
        display: flex;
        margin-top: 10px;
    }

.unsupported-browser-title {
    font-weight: bold;
    color: #B91324;
    font-family: sans-serif;
    font-size: 10pt;
}

.unsupported-browser-msg {
    color: black;
    word-wrap: break-word;
    font-family: sans-serif;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 10px;
}

.warning {
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    background-image: url(/Areas/Alert/Content/images/warning.svg);
    margin-right: 10px;
}

.chrome-logo {
    margin-right: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    background-image: url(/Areas/Security/Content/images/google_chrome.svg);
}

.edge-logo {
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    background-image: url(/Areas/Security/Content/images/microsoft_edge.svg);
}