﻿
/* logon container*/
.LogonContainer {
    background-color: #0072C6;
    color: white;
    float: right;
    width: 68%;
    min-width: 815px;
    height: 448px;
    margin-top: 178px;
}

    .LogonContainer.LogonError {
        height: 490px;
    }

    .LogonContainer .LogonContent {
        padding-top: 66px;
        padding-left: 40px;
    }

    .LogonContainer .LogonFormLayout {
        width: 580px;
        margin-left: 32px;
        margin-top: 5px;
    }

    .LogonContainer .LogonGroupBox > table {
        margin-top: -31px !important;
    }

    .LogonContainer .LogonEmptyItem {
        height: 28px !important;
    }

    .LogonContainer .LogonCaption,
    .LogonContainer .LogonLogoCaption {
        color: white !important;
        background-color: transparent !important;
    }

    .LogonContainer .LogonLogoCaption {
        font-size: 60px;
        font-weight: 100;
    }

    .LogonContainer .LogonCaption {
        font-size: 27px;
        font-weight: 300;
    }

    .LogonContainer .LogonGroupBox {
        border-width: 0 !important;
    }

    .LogonContainer .LogonAccountNameItem {
        padding-bottom: 7px !important;
    }

    .LogonContainer .LogonUserPasswordItem {
        padding-top: 7px !important;
    }

    .LogonContainer .AccountNameTextBox .dxic,
    .LogonContainer .UserPasswordTextBox .dxic {
        padding-left: 50px !important;
    }

    .LogonContainer .AccountNameTextBox input,
    .LogonContainer .UserPasswordTextBox input {
        font-size: 25px;
        font-weight: 400;
        background-color: transparent !important;
    }

    .LogonContainer .AccountNameTextBox,
    .LogonContainer .UserPasswordTextBox {
        background-position: 7px 50% !important;
    }

    .LogonContainer .AccountNameFocused,
    .LogonContainer .PasswordFocused {
        border-color: lightgray !important;
        outline-color: lightgray !important;
    }

    .LogonContainer .AccountNameError,
    .LogonContainer .ErrorLabel {
        color: white !important;
        font-size: 19px;
        font-weight: 300;
    }

    .LogonContainer .SignInButton {
        width: 149px;
        height: 60px;
        color: white !important;
        background-image: none !important;
        background-color: transparent !important;
        border: 2px solid white !important;
        border-radius: 0;
        font-size: 21px;
        font-weight: 100;
    }

    .LogonContainer .ErrorLabel {
        width: 490px;
    }

    .LogonContainer .LogonErrorItem {
        padding-top: 17px !important;
    }

    .LogonContainer .dxeTextBox_Mulberry {
        border-width: 0 !important;
    }
