/**
 * @class Ext.MessageBox
 */

.x-msgbox {
    margin: .5em;
    border: .15em solid $base-color;

    @include box-shadow(rgba(#000, .4) 0 .1em .5em);
    @if $include-border-radius {
        @include border-radius($panel-border-radius);
    }

    .x-icon {
        margin: 0 0.8em 0 0.5em;
        background: #fff;
        -webkit-mask-size: 100%;
    }

    .x-msgbox-info {
        -webkit-mask-image: theme_image('default', "pictos/info.png");
    }

    .x-msgbox-warning {
        -webkit-mask-image: theme_image('default', "pictos/warning_black.png");
    }

    .x-msgbox-question {
        -webkit-mask-image: theme_image('default', "pictos/help.png");
    }

    .x-msgbox-error {
        -webkit-mask-image: theme_image('default', "pictos/minus_black2.png");
    }

    .x-title {
        font-size: .9em;
        line-height: 1.4em;
    }

    .x-body {
        background: transparent !important;
    }

    .x-toolbar {
        background: transparent none;
        @include box-shadow(none);

        &.x-docked-top {
            height: 1.3em;
        }
    }

    .x-field {
        min-height: 2em;
        background: #fff;
        @if $include-border-radius { @include border-radius(.2em); }
    }

    .x-form-field {
        min-height:1.5em;
        padding-right: 0 !important;
        -webkit-appearance: none;
    }

    .x-field-input {
        padding-right: 2.2em;
    }
}

.x-msgbox-text {
    padding: 6px 0;
    line-height: 1.4em;
}

.x-msgbox-buttons {
    padding: 0.4em 0;
    height: auto;

    .x-button-normal span {
        opacity: .7;
    }
}

@mixin msgbox-ui($ui-label, $bg-color: $sheet-bg-color) {
    .x-msgbox-#{$ui-label} {
        .x-msgbox-text {
            @include color-by-background($bg-color, 80%);
            @include bevel-by-background($bg-color);
        }
        .x-msgbox-input {
            @include background-gradient(lighten($bg-color, 80%), 'recessed');
            border: .1em solid lighten($bg-color, 40%);
        }
    }
}

@include msgbox-ui('dark', $sheet-bg-color);
