.widget.admin-logon {
    @_width: 480px; // widget width
    @_spacing: 20px;
    @_form_spacing: 15px; // Bootstrap default
    @_border_color: @borderColorMedium;
    
    margin: 100px auto;
    max-width: @_width;
    
    ._stretch_to_side() {
        margin-left: -@widgetSidePadding;
        margin-right: -@widgetSidePadding;
        padding-left: @widgetSidePadding;
        padding-right: @widgetSidePadding;
    }
    
    .z-logon-box {
        max-width: none;
        margin: 0 auto;
        
        button[type="submit"],
        input[type="submit"] {
            width: auto;
        }
    
        .z-logon-form {
            margin: 0 auto;
        }
        
        .z-logon-title {
            font-size: 1em;
            margin: 0 0 1em 0;
            font-weight: bold;
        }
        
        .z-logon-support {
            ._stretch_to_side;
            padding-top: @widgetVerticalPadding;
            border-top: 1px solid @_border_color;
        }
    
        .alert {
            display: none;
        }
        
        &.z-logon-error {
            .alert {
                display: block;
    
                :last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
}