body.resource-viewer {
    min-height: calc(100vh - 95px);
    padding-top: 55px;

    // make the container full width, always
    > .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    &.noHeader {
        height: 100%;
        .bg__tool-header {
            margin-top: 10px;
        }

        > .container {
            height: 100%;
        }

        .bg__viewer-base > .columns {
            height: calc(100vh - 130px);
        }
    }

    input,
    select,
    textarea {
        border: 1px solid $clMediumGrey;
        border-radius: 4px;
        background-color: white;

        &:focus {
            outline: none;
            box-shadow: 0 0 5px rgba($clSecondary, 0.8);
        }
    }

    .btn {
        font-size: 14px;
    }
}

.bg__resource-viewer {
    .bg__RV__not-found {
        padding: 10px 20px;
        margin: 100px auto;
        border-radius: 5px;
        max-width: 800px;
        border: 1px solid $clRed;
        background-color: mix($clRed, white, 60%);
        text-align: center;
    }
}