/**
 * @class Ext.MessageBox
 */
 
.x-msgbox {
    min-width: 15em;
    max-width: 20em;
    max-height: 90%;
 
    // to hide content that is too large (vertically) 
    .x-docking-vertical {
        overflow: hidden;
    }
}
 
// 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-buttons {
    .x-button {
        min-width: 4.5em;
    }
}