/* Styles for Ext.LoadMask */

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

    position: absolute;

    @include opacity($loadmask-opacity);

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

    background: $loadmask-background;
}

@if $include-ie {
    .#{$prefix}mask-shim {
        z-index: 100;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

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

    position: absolute;

    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;
    }

}

.#{$prefix}mask-msg-inner {
    padding: $loadmask-msg-inner-padding;

    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;
}

.#{$prefix}mask-msg-text {
    padding: $loadmask-msg-text-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: 0 center;
    }
}

@if $include-rtl {
    .#{$prefix}rtl.#{$prefix}mask-msg-text {
        padding: rtl($loadmask-msg-text-padding);
        @if $loadmask-msg-inner-icon != null {
            background-position: right center;
        }
    }
}