rhamt-vscode-extension/resources/backup-10-31-18/views/head.html

RHAMT VSCode extension

  <!-- <meta charset="UTF-8"> -->
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
  <title>Configuration Editor</title>
  <!-- <link rel="shortcut icon" href="favicon.ico"></head> -->
  <!-- <link rel="stylesheet" href="markdown.css"> -->
  <style>
    .monaco-shell {
      background-color: #1e1e1e;
      color: #CCCCCC;
    }
  </style>
  <link rel="stylesheet" href="../configuration.main.css">
  <link rel="stylesheet" href="../bar.css">
  <script src="../jquery-3.3.1.min.js"></script>
  <style type="text/css" class="contributedColorTheme">
    .monaco-editor .minimap-slider,
    .monaco-editor .minimap-slider .minimap-slider-horizontal {
      background: rgba(121, 121, 121, 0.2);
    }

    .monaco-editor .minimap-slider:hover,
    .monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
      background: rgba(100, 100, 100, 0.35);
    }

    .monaco-editor .minimap-slider.active,
    .monaco-editor .minimap-slider.active .minimap-slider-horizontal {
      background: rgba(191, 191, 191, 0.2);
    }

    .monaco-editor .minimap-shadow-visible {
      box-shadow: #000000 -6px 0 6px -6px inset;
    }

    .monaco-editor .scroll-decoration {
      box-shadow: #000000 0 6px 6px -6px inset;
    }

    .monaco-editor .focused .selected-text {
      background-color: #264f78;
    }

    .monaco-editor .selected-text {
      background-color: #3a3d41;
    }

    .monaco-editor,
    .monaco-editor-background,
    .monaco-editor .inputarea.ime-input {
      background-color: #1e1e1e;
    }

    .monaco-editor,
    .monaco-editor .inputarea.ime-input {
      color: #d4d4d4;
    }

    .monaco-editor .margin {
      background-color: #1e1e1e;
    }

    .monaco-editor .rangeHighlight {
      background-color: rgba(255, 255, 255, 0.04);
    }

    .vs-whitespace {
      color: rgba(227, 228, 226, 0.16) !important;
    }

    .monaco-editor .view-overlays .current-line {
      border: 2px solid #282828;
    }

    .monaco-editor .margin-view-overlays .current-line-margin {
      border: 2px solid #282828;
    }

    .monaco-editor .lines-content .cigr {
      box-shadow: 1px 0 0 0 #404040 inset;
    }

    .monaco-editor .lines-content .cigra {
      box-shadow: 1px 0 0 0 #707070 inset;
    }

    .monaco-editor .line-numbers {
      color: #5a5a5a;
    }

    .monaco-editor .current-line~.line-numbers {
      color: #aaaaaa;
    }

    .monaco-editor .view-ruler {
      box-shadow: 1px 0 0 0 #5a5a5a inset;
    }

    .monaco-editor .cursor {
      background-color: #aeafad;
      border-color: #aeafad;
      color: #515052;
    }

    .monaco-editor .squiggly-error {
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23ea4646'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;
    }

    .monaco-editor .squiggly-warning {
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%234d9e4d'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;
    }

    .monaco-editor .squiggly-info {
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23008000'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;
    }

    .monaco-editor .squiggly-hint {
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%223%22%20width%3D%2212%22%3E%3Cg%20fill%3D%22rgba(238%2C%20238%2C%20238%2C%200.7)%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left;
    }

    .showUnused .monaco-editor .squiggly-inline-unnecessary {
      opacity: 0.667;
    }

    .monaco-diff-editor .diff-review-line-number {
      color: #5a5a5a;
    }

    .monaco-diff-editor .diff-review-shadow {
      box-shadow: #000000 0 -6px 6px -6px inset;
    }

    .monaco-editor .line-insert,
    .monaco-editor .char-insert {
      background-color: rgba(155, 185, 85, 0.2);
    }

    .monaco-diff-editor .line-insert,
    .monaco-diff-editor .char-insert {
      background-color: rgba(155, 185, 85, 0.2);
    }

    .monaco-editor .inline-added-margin-view-zone {
      background-color: rgba(155, 185, 85, 0.2);
    }

    .monaco-editor .line-delete,
    .monaco-editor .char-delete {
      background-color: rgba(255, 0, 0, 0.2);
    }

    .monaco-diff-editor .line-delete,
    .monaco-diff-editor .char-delete {
      background-color: rgba(255, 0, 0, 0.2);
    }

    .monaco-editor .inline-deleted-margin-view-zone {
      background-color: rgba(255, 0, 0, 0.2);
    }

    .monaco-diff-editor.side-by-side .editor.modified {
      box-shadow: -6px 0 5px -5px #000000;
    }

    .monaco-editor .bracket-match {
      background-color: rgba(0, 100, 0, 0.1);
    }

    .monaco-editor .bracket-match {
      border: 1px solid #888888;
    }

    .monaco-editor .codelens-decoration {
      color: #999999;
    }

    .monaco-editor .codelens-decoration>a:hover {
      color: #4e94ce !important;
    }

    .monaco-editor .findOptionsWidget {
      background-color: #2d2d30;
    }

    .monaco-editor .findOptionsWidget {
      box-shadow: 0 2px 8px #000000;
    }

    .monaco-editor .hoverHighlight {
      background-color: rgba(38, 79, 120, 0.25);
    }

    .monaco-editor .monaco-editor-hover {
      background-color: #2d2d30;
    }

    .monaco-editor .monaco-editor-hover {
      border: 1px solid #454545;
    }

    .monaco-editor .monaco-editor-hover .hover-row:not(:first-child):not(:empty) {
      border-top: 1px solid rgba(69, 69, 69, 0.5);
    }

    .monaco-editor .monaco-editor-hover a {
      color: #4080d0;
    }

    .monaco-editor .monaco-editor-hover code {
      background-color: rgba(10, 10, 10, 0.4);
    }

    .monaco-editor.vs .valueSetReplacement {
      outline: solid 2px #888888;
    }

    .monaco-editor .detected-link-active {
      color: #4e94ce !important;
    }

    .monaco-editor .monaco-editor-overlaymessage .anchor {
      border-top-color: #007acc;
    }

    .monaco-editor .monaco-editor-overlaymessage .message {
      border: 1px solid #007acc;
    }

    .monaco-editor .monaco-editor-overlaymessage .message {
      background-color: #063b49;
    }

    .monaco-editor .parameter-hints-widget {
      border: 1px solid #454545;
    }

    .monaco-editor .parameter-hints-widget.multiple .body {
      border-left: 1px solid rgba(69, 69, 69, 0.5);
    }

    .monaco-editor .parameter-hints-widget .signature.has-docs {
      border-bottom: 1px solid rgba(69, 69, 69, 0.5);
    }

    .monaco-editor .parameter-hints-widget {
      background-color: #2d2d30;
    }

    .monaco-editor .parameter-hints-widget a {
      color: #4080d0;
    }

    .monaco-editor .parameter-hints-widget code {
      background-color: rgba(10, 10, 10, 0.4);
    }

    .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
      color: #0097fb;
    }

    .monaco-editor .suggest-widget {
      color: #d4d4d4;
    }

    .monaco-editor .suggest-widget a {
      color: #4080d0;
    }

    .monaco-editor .suggest-widget code {
      background-color: rgba(10, 10, 10, 0.4);
    }

    .monaco-editor .focused .selectionHighlight {
      background-color: rgba(173, 214, 255, 0.15);
    }

    .monaco-editor .selectionHighlight {
      background-color: rgba(173, 214, 255, 0.07);
    }

    .monaco-editor .wordHighlight {
      background-color: rgba(87, 87, 87, 0.72);
    }

    .monaco-editor .wordHighlightStrong {
      background-color: rgba(0, 73, 114, 0.72);
    }

    .monaco-editor .findMatch {
      background-color: rgba(234, 92, 0, 0.33);
    }

    .monaco-editor .currentFindMatch {
      background-color: #515c6a;
    }

    .monaco-editor .findScope {
      background-color: rgba(58, 61, 65, 0.4);
    }

    .monaco-editor .find-widget {
      background-color: #2d2d30;
    }

    .monaco-editor .find-widget {
      box-shadow: 0 2px 8px #000000;
    }

    .monaco-editor .find-widget.no-results .matchesCount {
      color: #f48771;
    }

    .monaco-editor .find-widget .monaco-sash {
      background-color: #454545;
      width: 3px !important;
      margin-left: -4px;
    }

    .monaco-workbench .simple-find-part {
      background-color: #2d2d30 !important;
    }

    .monaco-workbench .simple-find-part {
      box-shadow: 0 2px 8px #000000;
    }

    .monaco-editor .reference-zone-widget .ref-tree .referenceMatch {
      background-color: rgba(234, 92, 0, 0.3);
    }

    .monaco-editor .reference-zone-widget .preview .reference-decoration {
      background-color: rgba(255, 143, 0, 0.6);
    }

    .monaco-editor .reference-zone-widget .ref-tree {
      background-color: #252526;
    }

    .monaco-editor .reference-zone-widget .ref-tree {
      color: #bbbbbb;
    }

    .monaco-editor .reference-zone-widget .ref-tree .reference-file {
      color: #ffffff;
    }

    .monaco-editor .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows>.monaco-tree-row.selected:not(.highlighted) {
      background-color: rgba(51, 153, 255, 0.2);
    }

    .monaco-editor .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows>.monaco-tree-row.selected:not(.highlighted) {
      color: #ffffff !important;
    }

    .monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
    .monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
      background-color: #001f33;
    }

    .monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
      background-color: #001f33;
    }

    .monaco-editor .goto-definition-link {
      color: #4e94ce !important;
    }

    .quick-input-list .monaco-list .monaco-list-row.focused {
      background-color: #073655;
    }

    .quick-input-list .monaco-list .monaco-list-row.focused:hover {
      background-color: #073655;
    }

    .monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-message a {
      color: #4080d0;
    }

    .monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-message a:focus {
      outline-color: rgba(14, 99, 156, 0.6);
    }

    .monaco-editor .accessibilityHelpWidget {
      background-color: #2d2d30;
    }

    .monaco-editor .accessibilityHelpWidget {
      box-shadow: 0 2px 8px #000000;
    }

    .settings-tabs-widget>.monaco-action-bar .action-item .action-label:focus,
    .settings-tabs-widget>.monaco-action-bar .action-item .action-label.checked {
      border-bottom: 1px solid;
    }


    .settings-tabs-widget>.monaco-action-bar .action-item .action-label:hover,
    .settings-tabs-widget>.monaco-action-bar .action-item .action-label.checked {
      color: #e7e7e7;
      border-bottom-color: rgba(128, 128, 128, 0.35);
    }


    .settings-tabs-widget>.monaco-action-bar .action-item .action-label {
      color: rgba(231, 231, 231, 0.5);
    }


    .settings-tabs-widget>.monaco-action-bar .action-item .action-label:focus {
      border-bottom-color: rgba(14, 99, 156, 0.6) !important;
    }


    .settings-tabs-widget>.monaco-action-bar .action-item .action-label:focus {
      outline: none;
    }

    .settings-editor>.settings-body>.settings-tree-container .setting-item.is-configured .setting-item-is-configured-label {
      color: #73c991;
    }

    .settings-editor>.settings-body>.settings-tree-container .setting-item-bool .setting-value-checkbox {
      background-color: #3c3c3c !important;
    }

    .settings-editor>.settings-body>.settings-tree-container .setting-item-bool .setting-value-checkbox {
      border-color: #3c3c3c !important;
    }

    .settings-editor>.settings-body>.settings-tree-container .setting-item .setting-item-control>.monaco-inputbox {
      border: solid 1px #3c3c3c !important;
    }

    .monaco-shell .feedback-form .sentiment.checked {
      border: 1px solid #007acc;
    }

    .monaco-shell .feedback-form .content .channels a {
      color: #0e639c;
    }

    .monaco-workbench>.part.statusbar>.statusbar-item .monaco-dropdown.send-feedback:hover {
      background-color: rgba(255, 255, 255, 0.12);
    }

    .monaco-workbench>.part.statusbar>.statusbar-item a:hover {
      background-color: rgba(255, 255, 255, 0.12);
    }

    .monaco-workbench>.part.statusbar>.statusbar-item a:active {
      background-color: rgba(255, 255, 255, 0.18);
    }

    .monaco-workbench>.part.statusbar>.statusbar-item .status-bar-info {
      background-color: #388a34;
    }

    .monaco-workbench>.part.statusbar>.statusbar-item a.status-bar-info:hover {
      background-color: #369432;
    }

    .monaco-workbench>.part.editor>.content .welcomePage .caption {
      color: #cccccc;
    }

    .monaco-workbench>.part.editor>.content .welcomePage .detail {
      color: rgba(204, 204, 204, 0.7);
    }

    .monaco-workbench>.part.editor>.content .welcomePage .commands li button {
      background: rgba(0, 0, 0, .2);
    }

    .monaco-workbench>.part.editor>.content .welcomePage .commands li button:hover {
      background: rgba(200, 235, 255, .072);
    }

    .monaco-workbench>.part.editor>.content .welcomePage a {
      color: #4080d0;
    }

    .monaco-workbench>.part.editor>.content .welcomePage a:hover,
    .monaco-workbench>.part.editor>.content .welcomePage a:active {
      color: #4080d0;
    }

    .monaco-workbench>.part.editor>.content .welcomePage a:focus {
      outline-color: rgba(14, 99, 156, 0.6);
    }

    .monaco-workbench>.part.editor>.content .walkThroughContent .monaco-editor-background,
    .monaco-workbench>.part.editor>.content .walkThroughContent .margin-view-overlays {
      background: rgba(0, 0, 0, .4);
    }

    .monaco-workbench>.part.editor>.content .walkThroughContent a {
      color: #4080d0;
    }

    .monaco-workbench>.part.editor>.content .walkThroughContent a:hover,
    .monaco-workbench>.part.editor>.content .walkThroughContent a:active {
      color: #4080d0;
    }

    .monaco-workbench>.part.editor>.content .walkThroughContent a:focus {
      outline-color: rgba(14, 99, 156, 0.6);
    }

    .monaco-workbench>.part.editor>.content .walkThroughContent code,
    .monaco-workbench>.part.editor>.content .walkThroughContent .shortcut {
      color: #d7ba7d;
    }

    .monaco-workbench>.part.editor>.content .walkThroughContent blockquote {
      background: rgba(127, 127, 127, 0.1);
    }

    .monaco-workbench>.part.editor>.content .walkThroughContent blockquote {
      border-color: rgba(0, 122, 204, 0.5);
    }

    .monaco-editor .review-widget,
    .monaco-editor .review-widget {
      background-color: #252526;
    }

    .monaco-editor .review-widget .body .comment-form .review-thread-reply-button {
      background-color: #001f33
    }

    .monaco-editor .review-widget .body .monaco-editor {
      color: #d4d4d4
    }

    .monaco-editor .review-widget .body .comment-form .review-thread-reply-button {
      color: #d4d4d4
    }

    @keyframes monaco-review-widget-focus {
      0% {
        background: rgba(51, 153, 255, 0.2);
      }
      100% {
        background: transparent;
      }
    }

    .monaco-editor .review-widget .body .review-comment.focus {
      animation: monaco-review-widget-focus 3s ease 0s;
    }

    .monaco-workbench .panel.integrated-terminal .find-focused .xterm .xterm-viewport,
    .monaco-workbench .panel.integrated-terminal .xterm.focus .xterm-viewport,
    .monaco-workbench .panel.integrated-terminal .xterm:focus .xterm-viewport,
    .monaco-workbench .panel.integrated-terminal .xterm:hover .xterm-viewport {
      background-color: rgba(121, 121, 121, 0.4) !important;
    }

    .monaco-workbench .panel.integrated-terminal .xterm .xterm-viewport::-webkit-scrollbar-thumb:hover {
      background-color: rgba(100, 100, 100, 0.7);
    }

    .monaco-workbench .panel.integrated-terminal .xterm .xterm-viewport::-webkit-scrollbar-thumb:active {
      background-color: rgba(191, 191, 191, 0.4);
    }

    .monaco-workbench>.notifications-center .notifications-list-container .monaco-list-row[data-last-element="false"]>.notification-list-item {
      border-bottom: 1px solid #3b3b3e;
    }

    .monaco-workbench>.part.statusbar.debugging>.statusbar-item .mask-icon {
      background-color: #ffffff !important;
    }

    .monaco-workbench>.welcomeOverlay>.key {
      color: #cccccc;
    }

    .monaco-workbench>.welcomeOverlay {
      background: rgba(0, 0, 0, 0.52);
    }

    .monaco-workbench>.welcomeOverlay>.key>.shortcut {
      color: #d7ba7d;
    }

    .monaco-editor .dirty-diff-modified {
      border-left: 3px solid #0c7d9d;
    }

    .monaco-editor .dirty-diff-modified:before {
      background: #0c7d9d;
    }


    .monaco-editor .dirty-diff-added {
      border-left: 3px solid #587c0c;
    }

    .monaco-editor .dirty-diff-added:before {
      background: #587c0c;
    }


    .monaco-editor .dirty-diff-deleted:after {
      border-left: 4px solid #94151b;
    }

    .monaco-editor .dirty-diff-deleted:before {
      background: #94151b;
    }

    .keybindings-editor>.keybindings-body>.keybindings-list-container .monaco-list-row>.column .highlight {
      color: #0097fb;
    }

    .monaco-editor .tm-inspect-widget {
      border: 1px solid #454545;
    }

    .monaco-editor .tm-inspect-widget .tm-metadata-separator {
      background-color: #454545;
    }

    .monaco-editor .tm-inspect-widget {
      background-color: #2d2d30;
    }

    .monaco-editor-group-drag-image {
      background: #094771;
      color: #ffffff;
    }


    .monaco-workbench>.part.editor>.content.dragged-over .editor-group-container.active>.title .tabs-container>.tab.sizing-shrink.dragged-over:not(.active):not(.dragged)>.tab-label::after,
    .monaco-workbench>.part.editor>.content.dragged-over .editor-group-container>.title .tabs-container>.tab.sizing-shrink.dragged-over:not(.dragged)>.tab-label::after {
      background: linear-gradient(to left, #3c3f41, transparent) !important;
    }


    .monaco-workbench>.part.editor>.content:not(.dragged-over) .editor-group-container>.title .tabs-container>.tab.sizing-shrink.active:not(.dragged)>.tab-label::after {
      background: linear-gradient(to left, #1e1e1e, transparent);
    }

    .monaco-workbench>.part.editor>.content.dragged-over .editor-group-container>.title .tabs-container>.tab.sizing-shrink.active:not(.dragged)>.tab-label::after {
      background: linear-gradient(to left, #1e1e1e, transparent);
    }


    .monaco-workbench>.part.editor>.content:not(.dragged-over) .editor-group-container>.title .tabs-container>.tab.sizing-shrink:not(.dragged)>.tab-label::after {
      background: linear-gradient(to left, #2d2d2d, transparent);
    }

    .monaco-workbench>.part.editor>.content.dragged-over .editor-group-container>.title .tabs-container>.tab.sizing-shrink:not(.dragged)>.tab-label::after {
      background: linear-gradient(to left, #2d2d2d, transparent);
    }


    .monaco-workbench>.activitybar>.content .monaco-action-bar .action-item.active .action-label,
    .monaco-workbench>.activitybar>.content .monaco-action-bar .action-item.checked .action-label,
    .monaco-workbench>.activitybar>.content .monaco-action-bar .action-item:focus .action-label,
    .monaco-workbench>.activitybar>.content .monaco-action-bar .action-item:hover .action-label {
      opacity: 1;
    }

    .monaco-workbench>.activitybar>.content .monaco-action-bar .action-item .action-label {
      opacity: 0.6;
    }

    .monaco-workbench>.activitybar>.content .monaco-action-bar .action-item:focus:before {
      border-left-color: rgba(14, 99, 156, 0.6);
    }


    .monaco-workbench>.part.editor>.content .editor-group-container.empty .editor-group-letterpress {
      background-image: url('/Applications/Visual Studio Code.app/Contents/Resources/app/resources/letterpress-dark.svg')
    }


    .monaco-workbench>.part.editor>.content .editor-group-container.empty.active:focus {
      outline: none;
      /* disable focus outline unless active empty group border is defined */
    }


    .monaco-workbench>.part.panel>.title>.panel-switcher-container>.monaco-action-bar .action-item:hover .action-label,
    .monaco-workbench>.part.panel>.title>.panel-switcher-container>.monaco-action-bar .action-item.checked .action-label {
      color: #e7e7e7;
      border-bottom-color: rgba(128, 128, 128, 0.35);
    }


    .monaco-workbench>.part.panel>.title>.panel-switcher-container>.monaco-action-bar .action-item .action-label {
      color: rgba(231, 231, 231, 0.5);
    }


    .monaco-workbench>.part.panel>.title>.panel-switcher-container>.monaco-action-bar .action-item:focus .action-label {
      color: #e7e7e7;
      border-bottom-color: rgba(14, 99, 156, 0.6) !important;
      border-bottom: 1px solid;
    }


    .monaco-workbench>.part.panel>.title>.panel-switcher-container>.monaco-action-bar .action-item:focus {
      outline: none;
    }

    .extension .monaco-action-bar .action-item .action-label.extension-action.built-in-status {
      border-color: #cccccc;
    }

    .extension-editor .monaco-action-bar .action-item .action-label.extension-action.built-in-status {
      border-color: #cccccc;
    }

    .extension .monaco-action-bar .action-item .action-label.extension-action {
      background-color: #0e639c;
    }

    .extension-editor .monaco-action-bar .action-item .action-label.extension-action {
      background-color: #0e639c;
    }

    .extension .monaco-action-bar .action-item .action-label.extension-action {
      color: #ffffff;
    }

    .extension-editor .monaco-action-bar .action-item .action-label.extension-action {
      color: #ffffff;
    }

    .extension .monaco-action-bar .action-item:hover .action-label.extension-action {
      background-color: #1177bb;
    }

    .extension-editor .monaco-action-bar .action-item:hover .action-label.extension-action {
      background-color: #1177bb;
    }

    .extension .monaco-action-bar .action-item .action-label.extension-action.prominent {
      background-color: #327e36;
    }

    .extension-editor .monaco-action-bar .action-item .action-label.extension-action.prominent {
      background-color: #327e36;
    }

    .extension .monaco-action-bar .action-item .action-label.extension-action.prominent {
      color: #ffffff;
    }

    .extension-editor .monaco-action-bar .action-item .action-label.extension-action.prominent {
      color: #ffffff;
    }

    .extension .monaco-action-bar .action-item:hover .action-label.extension-action.prominent {
      background-color: #28632b;
    }

    .extension-editor .monaco-action-bar .action-item:hover .action-label.extension-action.prominent {
      background-color: #28632b;
    }

    .monaco-workbench .search-view .findInFileMatch {
      background-color: rgba(234, 92, 0, 0.33);
    }

    .monaco-workbench .search-view .replaceMatch {
      background-color: rgba(155, 185, 85, 0.2);
    }

    .monaco-workbench .search-view .replace.findInFileMatch {
      background-color: rgba(255, 0, 0, 0.2);
    }

    .monaco-workbench .panel.integrated-terminal .terminal-outer-container {
      background-color: #1e1e1e;
    }

    .monaco-workbench .panel.integrated-terminal .split-view-view:not(:first-child) {
      border-color: rgba(128, 128, 128, 0.35);
    }

    .monaco-workbench .panel.integrated-terminal .terminal-message-widget {
      background-color: #2d2d30;
    }

    .monaco-workbench .panel.integrated-terminal .terminal-message-widget {
      border: 1px solid #454545;
    }

    .monaco-workbench .panel.integrated-terminal .terminal-message-widget {
      color: #d4d4d4;
    }

    .monaco-shell {
      color: #cccccc;
    }

    .monaco-shell .monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight,
    .monaco-shell .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
      color: #0097fb;
    }

    .monaco-workbench {
      background-color: #252526;
    }

    .monaco-shell .monaco-scrollable-element>.shadow.top {
      box-shadow: #000000 0 6px 6px -6px inset;
    }

    .monaco-shell .monaco-scrollable-element>.shadow.left {
      box-shadow: #000000 6px 0 6px -6px inset;
    }

    .monaco-shell .monaco-scrollable-element>.shadow.top.left {
      box-shadow: #000000 6px 6px 6px -6px inset;
    }


    .monaco-shell .monaco-scrollable-element>.scrollbar>.slider {
      background: rgba(121, 121, 121, 0.4);
    }


    .monaco-shell .monaco-scrollable-element>.scrollbar>.slider:hover {
      background: rgba(100, 100, 100, 0.7);
    }


    .monaco-shell .monaco-scrollable-element>.scrollbar>.slider.active {
      background: rgba(191, 191, 191, 0.4);
    }


    .monaco-shell [tabindex="0"]:focus,
    .monaco-shell .synthetic-focus,
    .monaco-shell select:focus,
    .monaco-shell .monaco-tree.focused.no-focused-item:focus:before,
    .monaco-shell .monaco-list:not(.element-focused):focus:before,
    .monaco-shell input[type="button"]:focus,
    .monaco-shell input[type="text"]:focus,
    .monaco-shell button:focus,
    .monaco-shell textarea:focus,
    .monaco-shell input[type="search"]:focus,
    .monaco-shell input[type="checkbox"]:focus {
      outline-color: rgba(14, 99, 156, 0.6);
    }
  </style>
  <style type="text/css" media="screen"></style>
  <style type="text/css" media="screen" class="vscode-tokens-styles">
    .mtk1 {
      color: #d4d4d4;
    }

    .mtk2 {
      color: #1e1e1e;
    }

    .mtk3 {
      color: #6796e6;
    }

    .mtk4 {
      color: #608b4e;
    }

    .mtk5 {
      color: #569cd6;
    }

    .mtk6 {
      color: #d16969;
    }

    .mtk7 {
      color: #d7ba7d;
    }

    .mtk8 {
      color: #b5cea8;
    }

    .mtk9 {
      color: #ce9178;
    }

    .mtk10 {
      color: #646695;
    }

    .mtk11 {
      color: #4ec9b0;
    }

    .mtk12 {
      color: #dcdcaa;
    }

    .mtk13 {
      color: #9cdcfe;
    }

    .mtk14 {
      color: #000080;
    }

    .mtk15 {
      color: #f44747;
    }

    .mtk16 {
      color: #c586c0;
    }

    .mtk17 {
      color: #d4d4d4;
    }

    .mtk18 {
      color: #808080;
    }

    .mtk19 {
      color: #b267e6;
    }

    .mtk20 {
      color: #cd9731;
    }

    .mtki {
      font-style: italic;
    }

    .mtkb {
      font-weight: bold;
    }

    .mtku {
      text-decoration: underline;
      text-underline-position: under;
    }
  </style>
  <style type="text/css" media="screen">
    .monaco-list:focus .monaco-list-row.focused {
      background-color: #073655;
    }

    .monaco-list:focus .monaco-list-row.focused:hover {
      background-color: #073655;
    }

    .monaco-list:focus .monaco-list-row.selected {
      background-color: #0a4e7c;
    }

    .monaco-list:focus .monaco-list-row.selected:hover {
      background-color: #0a4e7c;
    }

    .monaco-list:focus .monaco-list-row.selected {
      color: #ffffff;
    }

    .monaco-list:focus .monaco-list-row.selected.focused {
      background-color: #094771;
    }

    .monaco-list:focus .monaco-list-row.selected.focused {
      color: #ffffff;
    }

    .monaco-list .monaco-list-row.focused {
      background-color: #313135;
    }

    .monaco-list .monaco-list-row.focused:hover {
      background-color: #313135;
    }

    .monaco-list .monaco-list-row.selected {
      background-color: #3f3f46;
    }

    .monaco-list .monaco-list-row.selected:hover {
      background-color: #3f3f46;
    }

    .monaco-list .monaco-list-row:hover {
      background-color: #2a2d2e;
    }
  </style>
  <style type="text/css" media="screen">
    .monaco-tree.focused .monaco-tree-rows>.monaco-tree-row.focused:not(.highlighted) {
      background-color: #073655;
    }

    .monaco-tree.focused .monaco-tree-rows>.monaco-tree-row.selected:not(.highlighted) {
      background-color: #0a4e7c;
    }

    .monaco-tree.focused .monaco-tree-rows>.monaco-tree-row.selected:not(.highlighted) {
      color: #ffffff;
    }

    .monaco-tree-drag-image,
    .monaco-tree.focused .monaco-tree-rows>.monaco-tree-row.focused.selected:not(.highlighted) {
      background-color: #094771;
    }


    .monaco-tree-drag-image,
    .monaco-tree.focused .monaco-tree-rows>.monaco-tree-row.focused.selected:not(.highlighted) {
      color: #ffffff;
    }

    .monaco-tree .monaco-tree-rows>.monaco-tree-row.selected:not(.highlighted) {
      background-color: #3f3f46;
    }

    .monaco-tree .monaco-tree-rows>.monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) {
      background-color: #2a2d2e;
    }

    .monaco-tree .monaco-tree-wrapper.drop-target,
    .monaco-tree .monaco-tree-rows>.monaco-tree-row.drop-target {
      background-color: #383b3d !important;
      color: inherit !important;
    }
  </style>
  <style type="text/css" media="screen">
    .monaco-editor .dirty-diff-modified,
    .monaco-editor .dirty-diff-added {
      border-left-width: 3px;
    }
  </style>
  <style>
    #scroll-to-top {
      position: fixed;
      width: 40px;
      height: 40px;
      right: 25px;
      bottom: 25px;
      background-color: #444444;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
      outline: none;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 2;
    }

    #scroll-to-top:hover {
      background-color: #007acc;
      box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
    }

    body.vscode-light #scroll-to-top {
      background-color: #949494;
    }

    body.vscode-high-contrast #scroll-to-top:hover {
      background-color: #007acc;
    }

    body.vscode-high-contrast #scroll-to-top {
      background-color: black;
      border: 2px solid #6fc3df;
      box-shadow: none;
    }

    body.vscode-high-contrast #scroll-to-top:hover {
      background-color: #007acc;
    }

    #scroll-to-top span.icon::before {
      content: "";
      display: block;
      /* Chevron up icon */
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
      width: 16px;
      height: 16px;
    }
  </style>
  </style>
  <style>
    .wrapper {
      position: absolute;
      display: block;
      overflow: auto;
      /* top: 168px; */
      top: 178px;

      /*228px;* /* 57 */
      
      /* right: 20px;
      left: 20px;
      bottom: 10px; */

      right: 0px;
      left: 0px;
      bottom: 0px;

      background: #007acc;

      border-radius: 6px;
    }

    .wrapper::-webkit-scrollbar {
      width: 15px;
      background: none;
    }

    .wrapper::-webkit-scrollbar-thumb {
      border: solid 0 rgba(0, 0, 0, 0);
      border-right-width: 4px;
      border-left-width: 4px;
      -webkit-border-radius: 9px 4px;
      -webkit-box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.2), inset 0 0 0 4px rgba(128, 128, 128, 0.2);
    }

    /* .toggleOptionEnabled {
        width: 55px;
        height: 21px;
        background: url('boolean.png') no-repeat 0 0px;
        background-position: 0 0;
      }

      .toggleOptionDisabled {
        width: 55px;
        height: 21px;
        background: url('boolean.png') no-repeat 0 -21px;
      } */

    .booleanOption {
      /* display: block;
      margin-left: auto;
      margin-right: auto; */
      cursor: pointer;
    }

    .booleanOption.booleanOptionEnabled.over {
      background-image: url('checkbox.png');
      background-repeat: no-repeat;
      background-position: 0 -17px;
    }

    .booleanOption.booleanOptionEnabled.checked {
      background-image: url('checkbox.png');
      background-repeat: no-repeat;
      background-position: 0 -51px;
    }

    .booleanOption.booleanOptionEnabled.checked.over {
      background-image: url('checkbox.png');
      background-repeat: no-repeat;
      background-position: 0 -34px;
    }

    .booleanOptionEnabled {
      width: 16px;
      height: 17px;
      background-image: url('checkbox.png');
      background-repeat: no-repeat;
    }

    .addButton {
      width: 15px;
      height: 15px;
      background: url('addButton.png');
      cursor: pointer;
    }

    .addButton:hover {
      width: 15px;
      height: 15px;
      background: url('addButton.png');
      cursor: pointer;
    }

    .deleteInput {
      width: 13px;
      height: 13px;
      background: url('delete.png');
      cursor: pointer;
    }

    .deleteInput:hover {
      width: 13px;
      height: 13px;
      background: url('delete_hover.png');
      cursor: pointer;
    }

    .oldAddButton {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…IxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
      background-image: -moz-linear-gradient(bottom, #028d00 0%, #49a514 100%);
      background-image: -webkit-linear-gradient(bottom, #028d00 0%, #49a514 100%);
      background-image: -o-linear-gradient(bottom, #028d00 0%, #49a514 100%);
      background-image: linear-gradient(bottom, #028d00 0%, #49a514 100%);
      text-shadow: #068e02 0px 1px 0px;
      color: #ffffff;
      border-radius: 3px;
      text-shadow: #383838 0px 1px 0px;
      color: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 14px;
      box-shadow: 0 0px 3px 0 #000000;
      /* line-height: 16px; */
      /* position: relative; */
      cursor: pointer;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* margin: 5px 0px 0px; */
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;

      /* background: #d63f26; */
      padding: 1px 4px;
      /* padding: 3px 18px 4px; */
      border-top: 1px solid #88c464;
      /* padding: 3px 18px 4px; */
      border-radius: 3px;
      /* text-align: center; */
    }

    /*
.extension-editor>.header>.details>.title>.preview {
    background: #d63f26;
    font-size: 10px;
    font-style: italic;
    margin-left: 10px;
    padding: 0 4px;
    border-radius: 4px;
    user-select: none;
}
      */

      .tableCenter {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        flex: 1 1 0%;
      }

       .tableDescription {
        /* font-family: Monaco, Menlo, Consolas, Droid Sans Mono, Inconsolata, Courier New, monospace, Droid Sans Fallback; */
        /* font-size: 10px; */
        font-family: Arial, Helvetica, sans-serif;
        /* background-color: hsla(0, 0%, 50%, .17); */
        background: #d63f26;
        border-radius: 4px;
        padding: 1px 4px;
      }

      .tableHeader {
        cursor: default;
        user-select: none;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 120%;
        /* border-bottom: 1px solid hsla(0, 0%, 50%, .22); */
        /* padding-bottom: 6px; */
        padding-left: 15px;
        padding-top: 5px;
      }

      .addInputButton {
        /* background:#363636; */
        background-image: linear-gradient(#557ecf, #4d78cc);
        text-shadow: #383838 0px 1px 0px;
        color: #ffffff;
        border-radius: 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        box-shadow: 0 0px 3px 0 #000000;
        line-height: 16px;
        position: relative;
        cursor: pointer;
        user-select: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;

        margin: 0px 15px 10px 0px;
        box-sizing: border-box;
      }

      .addInputButton:hover {
        background-image: -moz-linear-gradient(bottom, #494950 0%, #646468 100%);
        background-image: -webkit-linear-gradient(bottom, #494950 0%, #646468 100%);
        background-image: -o-linear-gradient(bottom, #494950 0%, #646468 100%);
        background-image: linear-gradient(bottom, #494950 0%, #646468 100%);
      }

      .caption {
        /* border-top: 1px solid #4f4f50; */
        padding: 3px 18px 4px;
        border-radius: 3px;
        text-align: center;
      }

      .app-shell {
        right: 10px; 
        left: 10px; 
        top: 10px; 
        bottom: 10px; 
      }

      .app-container {
        /* this is the background - background: #363636;   */
        /* background-color: #313131 #282c34 rgb(30, 30, 30); */
        background: green;
        height: 100%; 
        border-radius: 6px;
      }

      .app-header-container {
        padding: 20px 20px 5px;
        border-radius: 6px;
        background: #363636;
      }

      .app-details-container {
        border-radius: 6px;
        /* background: #363636; */
        background: mediumvioletred;
        margin-top: 10px;
      }

      .app-navbar {
        margin-bottom: 10px;
        background: #363636;
        border-radius: 6px;
      }

      .app-content {
        background: red;
        margin-top: 10px; 
        position: inherit;
      }

      .label {
        padding: 3px 0 0 25x;
        font-size: 19px;
        margin: 0 0 10px 0;
        font-weight: normal;
        text-shadow: 0 1px #000000;
        color: #f1f1f1;
        font-family: Arial, Helvetica, sans-serif;
      }

      .settingsContainer {
        height: 400px;
        margin-bottom: 20px;

        width: 50%; 
        height: 200px; 
        border-radius: 6px; 
        /* background-color: hsla(0,0%,51%,.04);  */
        border-bottom: 1px solid #252525; 
        border-top: 1px solid #353535; 
        padding: 0; 
        overflow: hidden; 
        box-shadow: 0 0px 3px 0 #000000;
        width: 100%;
      }

      .settingsContainer:before {
        content: "";
        background-color: #252830;
        border-radius: 6px;
        box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.4);
      }

      .settingsInput {
        overflow: auto;
        font-size: 1.15em;
        line-height: 2em;
        max-height: 10em;
        padding-left: 0.5em;
        border-radius: 3px;
        color: #d7dae0;
        border: 1px solid #181a1f;
        background-color: #1b1d23;

        height: 40px; 
        position: relative; 
        display: block;
      }

      .runtimeSettingsContainer.isFocused {
        outline: none;
        border-color: #568af2;
        box-shadow: 0 0 0 1px #458af2;
        background-color: #202634;
      }

      .runtimeSettingsPanel:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        background-color: #252830;
        border-radius: 6px;
        box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.4);
      }

      .runtimeSettingsPanel:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: #08090a;
        opacity: 0.75;
        backface-visibility: hidden;
        -webkit-animation: overlay-fade 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
      }
  </style>
  <script>window.exports = {};</script>
  <!-- <script src="../../node_modules/socket.io-client/dist/socket.io.js"></script> -->
  <script src="../../out/configuration/configModel.js"></script>
  <script src="../../out/configuration/configClient.js"></script>
  <script src="../../node_modules/socket.io-client/dist/socket.io.js"></script>
  
  <script>
      io = exports.io;
  </script>