/**
 * @class Ext.MessageBox
 */

.x-msgbox {
    min-width: 15em;
    max-width: 20em;
    max-height: 90%;

    margin: 6px;
    border: 1px solid #ccc;

    // to hide content that is too large (vertically)
    .x-docking-vertical {
        overflow: hidden;
    }

    .x-toolbar {
        &.x-docked-top {
            border-bottom: 0;
        }

        &.x-docked-bottom {
            border-top: 0;
        }
    }
}

// This will need to be generalized at some point
.x-ie {
    .x-msgbox {
        .x-dock.x-dock-horizontal.x-unsized {
            > .x-dock-body {
               @include st-box-flex(1, 0px);
            }
        }
    }
}

.x-msgbox-text {
    text-align: center;
}

.x-msgbox-buttons {
    .x-button {
        min-width: 4.5em;
    }
}