@media all {
    div#blockui {
        display : none;
        width   : 100%;
        height  : 100%;
        overflow: hidden;
        position: relative;
    }

    div.blockui_header_odd {
        width     : calc(100% - 2em);
        position  : absolute;
        top       : 0;
        left      : 0;
        padding   : .5em 1em;
        background: rgba(178, 215, 233, 1);
        text-align: left;

        button {
            float     : right;
            margin-top: 4px;
        }
    }

    div.blockui_main_odd {
        width     : calc(100% - 2em);
        height    : calc(100% - 4.5em);
        margin-top: 2.5em;
        padding   : 1em;
        overflow-x: hidden;
        overflow-y: scroll;

        div.blockui_mainHeader_odd {
            width: 100%;

            div.blockui_title_odd {
                float: left;
            }

            div.blockui_btnArea_odd {
                text-align: right;
                float     : right;
            }
        }
    }

    div#blockuiLoading {
        width : 100%;
        height: 100%;

        div.process {
            width     : calc(100% - 100px);
            height    : calc(100% - 50px - 95px);
            margin    : 95px 50px 50px 50px;
            text-align: center;

            span.process {
                width    : 100%;
                margin   : .5em 0;
                color    : white;
                font-size: 1.3em;
            }
        }
    }


}

@media (min-width: 0) {
    div.blockui_mainHeader_odd {

        div.blockui_title_odd {
            width: 100%;
        }

        div.blockui_btnArea_odd {
            width        : 100%;
            margin-top   : .5em;
            margin-bottom: .5em;
        }
    }
}

@media (min-width: 1000px) {
    div.blockui_mainHeader_odd {

        div.blockui_title_odd {
            width: auto;
        }

        div.blockui_btnArea_odd {
            width: auto;
        }
    }
}