.trv-report-viewer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.trv-side-menu {
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0.1em;
    bottom: 0.1em;
    left: 0.1em;
    display: none;
}

.trv-side-menu span {
    margin-left: 1em;
}

.trv-side-menu a {
    background-image: none !important;
}

.trv-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;

    left: 0;
    transition: 300ms;
}

.trv-nav {
    position: absolute;
    height: 2.4em;
    top: 0.1em;
    left: 0.1em;
    right: 0.1em;

    border-bottom: 0px none red;
}

.trv-nav .trv-separator {
    font-size: 100% !important;
    line-height: normal !important;
    height: 100% !important;
    padding: 0.5em 0em 0.6em 0em !important;
}

.trv-nav li {
    border: 0px none transparent !important;
}

.trv-nav input {
    width: 2em;
}

.trv-content {
    position: absolute;
    top: 2.5em;
    bottom: 0em;
    left: 0em;
    right: 0em;
    overflow: hidden;
}

.trv-menu-large {
    display: block;
}

.trv-menu-small {
    display: none;
}

.trv-document-map {
    position: absolute;
    width: 15em;
    height: auto;
    top: 0.1em;
    bottom: 0.1em;
    left: 0.1em;

    z-index: 10;
}

.trv-document-map.hidden {
    display: none;
}

.trv-parameters-area {
    position: absolute;
    width: 15em;
    height: auto;
    top: 0.1em;
    bottom: 0.1em;
    right: 0.1em;

    z-index: 10;
}

.trv-parameters-area.hidden {
    display: none;
}

.trv-pages-area {
    position: absolute;
    height: auto;
    top: 0.1em;
    bottom: 0.1em;
    left: 15.3em;
    right: 15.3em;
}

.trv-parameters-area.hidden ~ .trv-pages-area
{
    right: 0.1em;
}

.trv-document-map.hidden ~ .trv-pages-area
{
    left: 0.1em;
}

@media screen and (max-width: 28.75em) {
    /* (like mobile phones in landscape or smaller tablets)*/

}
        
@media screen and (max-width: 40.5em) {
    /* (like medium tablets and up) */
    .trv-side-menu {
        display: block;
    }

    .trv-content-wrapper.right {
        left: 80%;
        transition: 1000ms;
    }

    .trv-menu-large {
        display: none;
    }

    .trv-menu-small {
        display: block;
    }

    .trv-document-map {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
    }

    .trv-parameters-area {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
    }

    .trv-pages-area {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}