.ncl-version-monitoring {
    > .igz-scrollable-container {
        padding: 24px 25px 22px 41px;
    }

    .invocation-url-common {
        margin-left: 5px;
        font-family: Roboto;
    }

    .ncl-version-monitoring-wrapper {
        > .row {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;

            .monitoring-block {
                padding: 16px 23px 16px;
                background-color: @white;
                border: solid 1px @pale-grey;
                flex-grow: 1;
                flex-basis: 500px;
                overflow: hidden;
                margin-right: 16px;
                margin-bottom: 16px;

                &.without-collapse {
                    padding: 0;
                    padding-left: 4px;
                    cursor: default;

                    &:before {
                        border: 0;
                        display: none;
                    }
                }

                .icon-collapsed {
                    .duskThree(0.64);
                    color: @color;
                    font-size: 12px;
                    margin: 0 13px 0 4px;
                }

                .igz-scrollable-container {
                    max-height: 500px;
                }

                .monitoring-block-title {
                    font-size: 16px;
                    font-weight: bold;
                    color: @dusk-three;
                }

                .monitoring-invocation-url-wrapper {
                    display: inline-flex;
                    align-items: center;

                    .monitoring-invocation-url {
                        .invocation-url-common();
                        color: @dark-sky-blue;
                        text-decoration: none;
                    }

                    .igz-action-panel {
                        top: -2px;
                        left: 5px;
                    }
                }

                .monitoring-invocation-field-invalid {
                    .invocation-url-common();
                }

                .monitoring-replicas {
                    margin-left: 5px;
                }
            }

            .ncl-monitoring-build-logger {
                .monitoring-block-title {
                    margin-left: 5px;
                }

                .ncl-monitoring-build-logs {
                    padding: 0 0 7px 4px;

                    &.collapsing {
                        transition-duration: 150ms;
                    }
                }
            }

            .ncl-monitoring-error-logger {
                max-height: 335px;

                .monitoring-block-title {
                    margin-left: 5px;
                }

                .ncl-monitoring-error-logs {
                    padding: 0 0 7px 4px;

                    &.collapsing {
                        transition-duration: 150ms;
                    }

                    .error-panel {
                        .logs-common();
                        color: @dusk-three;
                        padding: 5px;
                        margin-left: 24px;
                        max-height: 232px;
                    }
                }
            }
        }
    }
}