/*

Siesta 5.1.0
Copyright(c) 2009-2018 Bryntum AB
https://bryntum.com/contact
https://bryntum.com/products/siesta/license

*/
.siesta-domcontainer {
}

/*=======================================================================================================================================================================================================================
    Panel with test iframe
*/

.tr-ui-mask {
    position : absolute;
    width    : 100%;
    height   : 100%;
    z-index  : 90000;
    left     : 0;
    top      : 0;
}

.tr-container {
    visibility : visible !important;
}

.x-ie9 .tr-container {
    z-index : 1;
}

.tr-container .x-panel-collapsed {
    display    : block !important;
    visibility : hidden !important;
    z-index    : -1 !important;
}

td.tr-td-vertical-align {
    vertical-align : middle;
}

.tr-iframe-wrapper {
    position : absolute;
    left     : -10000px;
    top      : -10000px;
    overflow : auto;
    z-index  : 6; /* Without this, the dom container Ext panel will be on top of the iframe (in IE10)*/
}

.tr-iframe-wrapper-inner {
    overflow : hidden;
    width    : inherit;
    height   : inherit;
    position : relative;
    transform-origin   : 0 0;
}

.tr-iframe-wrapper.scaleToFitFull {
    overflow    : hidden;
}

.tr-iframe-wrapper.scaleToFitWidth {
    overflow-x  : hidden;
    overflow-y  : auto;
}

.tr-iframe-wrapper.scaleToFitHeight {
    overflow-x  : auto;
    overflow-y  : hidden;
}

.tr-iframe-wrapper .tr-close {
    position         : absolute;
    left             : 100%;
    top              : 0;
    width            : 20px;
    height           : 22px;
    display          : none;
    text-align       : center;
    margin-left      : 4px;
    margin-top       : -5px;
}

.tr-iframe-wrapper.tr-iframe-forced {
    overflow : visible; /* to show the close button */
}

.tr-iframe-forced .tr-close {
    display : block;
}

.tr-iframe-forced {
    z-index : 100000 !important;
    border  : 5px solid;
}

.tr-iframe-forced-screenshot {
    z-index : 100000 !important;
    left    : 0 !important;
    top     : 0 !important;
    border  : 0 solid;

    width   : auto !important;
    height  : auto !important;
}

.tr-iframe-hidden {
    left : -10000px !important;
    top  : -10000px !important;
}

.siesta-domcontainer .x-panel-body {
    background : transparent;
    border     : 0 none;
}

.domcontainer-console {
    z-index : 5;
}

.domcontainer-console input {
    height          : 24px;
    width           : 100%;
    padding         : 2px 2px 2px 20px;
    background-size : 12px;
    line-height     : 19px;
    border          : 1px solid;
}