    /* Styles for Ext.LoadMask */

    .#{$prefix}mask {
        z-index: 100;

        position: absolute;
        top: 0;
        left: 0;

        @include opacity($loadmask-opacity);

        width: 100%;
        height: 100%;
        zoom: 1;

        background: $loadmask-backgorund;
    }

    .#{$prefix}mask-msg {
        z-index: 20001;

        position: absolute;
        top: 0;
        left: 0;

        padding: $loadmask-msg-padding;
        border: 1px solid;
        border-color: $loadmask-msg-border-color;

        @if $loadmask-msg-background-gradient {
            @if $supports-gradients or $compile-all {
                @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
            }
        } @else {
            background: $loadmask-msg-background-color;
        }

        div {
            padding: $loadmask-msg-inner-padding;

            //if an icon is defined show it
            @if $loadmask-msg-inner-icon != null {
                background-image: theme-background-image($theme-name, $loadmask-msg-inner-icon);
                background-repeat: no-repeat;
                background-position: 5px center;
            }

            cursor: wait;

            border: 1px solid $loadmask-msg-inner-border-color;

            background-color: $loadmask-msg-inner-background-color;

            color: $loadmask-msg-inner-color;
            font: $loadmask-msg-inner-font;
        }
    }