.component_page_viewerpage{
    display: flex;
    flex-direction: column;
    height: 100%;

    .page_container{
        flex: 1;
        display: flex;
        overflow: hidden;
        width: 100%;
        > div{
            flex: 1;
            display: flex;
            overflow: hidden;
            width: 100%;
            > div, > span{
                flex: 1;
                display: flex;
                overflow: hidden;
                width: 100%;
            }
            // loader
            > span {
                justify-content: center;
            }
        }
        .box {
            background: white;
            box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;
        }
    }
}
