UNPKG

rhamt-vscode-extension

Version:

RHAMT VSCode extension

2,005 lines 87.4 kB
<!DOCTYPE html>
<html lang="en">

<head>
  <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">
  <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; /*228px;* /* 57 */
        right: 20px;
        left: 20px;
        bottom: 10px;
      }
      .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; */
      }

      .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; */
        /* border: 1px solid #181a1f; */
        padding: 3px 18px 4px;
        border-radius: 3px;
        text-align: center;
      }

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

      /*
.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;
}
      */

  </style>
  <script>
    var runConfigModel = {
      'options': []
    };
  </script>
</head>

<body>
  <!-- <a id="scroll-to-top" role="button" aria-label="scroll to top" href="#">
    <span class="icon"></span>
  </a> -->
  <div class="monaco-shell">
    <div class="manaco-shell-content">
      <div style="position:absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; "> <!-- height: 100%; width: 100%;-->
        <!--style="width: 1280px; height: 768px;"-->
        <div class="monaco-workbench-container" style="position: relative; height: 100%;">
          <div class="monaco-workbench mac" style="height:100%;">
            <!-- style="top: 0px; right: 0px; bottom: 0px; left: 0px; position: relative; width: 1280px; height: 768px;" -->
            <div class="part editor" style="position: relative; height: 100%;">
              <!-- style="width: 1038px; height: 724px; top: 22px; right: 0px; bottom: 22px; left: 242px; position: absolute;" -->
              <div class="content" style="height:100%;">
                <!-- style="overflow: hidden; background-color: rgb(30, 30, 30); width: 1038px; height: 724px;" -->
                <div class="editor-container" style="background-color: rgb(30, 30, 30); height: 100%;">
                  <div class="editor-instance" style="height: 100%;">
                    <div class="extension-editor" style="height:100%;">
                      <div class="header recommended" style="padding: 20px 20px 5px;">
                        <img class="icon" draggable="false" style="height: 88px;" src="windup_test.png">
                        <div class="details" style="padding-left: 0px;">
                          <div class="title">
                            <span class="name clickable" title="Extension name">RHAMT</span>
                            <span class="identifier" title="Extension identifier">Red Hat Application Migration Toolkit</span>
                            <span class="preview" title="Preview" style="display: inherit;">Preview</span>
                            <span class="builtin" style="display: none;">Built-in</span>
                          </div>
                          <!-- <div class="subtitle">
                            <span class="publisher clickable" title="Publisher name">Red Hat</span>
                            <span class="install extension-install-count" title="Install count">
                              <span class="octicon octicon-cloud-download"></span>
                              <span class="count">158,295</span>
                            </span>
                            <span class="rating clickable extension-ratings" title="Rating">
                              <span class="full star"></span>
                              <span class="full star"></span>
                              <span class="full star"></span>
                              <span class="full star"></span>
                              <span class="half star"></span>
                            </span>
                            <span class="repository clickable" style="display: initial;">Repository</span>
                            <span class="license clickable" style="display: initial;">License</span>
                          </div> -->
                          <div class="description">Application Migration and Assessment</div>
                          <!-- <div class="actions">
                            <div class="monaco-action-bar">
                              <ul class="actions-container" role="toolbar">
                                <li class="action-item disabled" role="presentation">
                                  <a class="action-label icon disable-status hide disabled" role="button">Disabled</a>
                                </li>
                                <li class="action-item disabled" role="presentation">
                                  <a class="action-label icon extension-action reload disabled" role="button">Reload</a>
                                </li>
                                <li class="action-item disabled" role="presentation">
                                  <a class="action-label icon extension-action prominent update disabled" role="button">Update</a>
                                </li>
                                <li class="action-item disabled" role="presentation">
                                  <a class="action-label icon extension-action prominent enable disabled" role="button">Enable</a>
                                </li>
                                <li class="action-item" role="presentation">
                                  <a class="action-label icon extension-action disable" role="button" tabindex="0">Disable</a>
                                </li>
                                <li class="action-item" role="presentation">
                                  <a class="action-label icon extension-action uninstall" role="button" tabindex="0">Uninstall</a>
                                </li>
                                <li class="action-item disabled" role="presentation">
                                  <a class="action-label icon malicious-status not-malicious disabled" role="button" title="This extension was reported to be problematic.">This extension was reported to be problematic.</a>
                                </li>
                              </ul>
                            </div>
                          </div>
                          <div class="recommendation">
                            <div class="recommendation-text">This extension is recommended because you have Mongo installed.</div>
                            <div class="monaco-action-bar">
                              <ul class="actions-container" role="toolbar">
                                <li class="action-item" role="presentation">
                                  <a class="action-label icon extension-action ignore" role="button" tabindex="0" title="Do not recommend this extension again">Ignore Recommendation</a>
                                </li>
                                <li class="action-item" role="presentation">
                                  <a class="action-label icon extension-action undo-ignore" role="button" tabindex="0" title="Undo">Undo</a>
                                </li>
                              </ul>
                            </div>
                          </div> -->
                        </div>
                      </div>
                      <div class="body" style="height:100%">
                        <div class="navbar">
                          <div class="monaco-action-bar">
                            <ul class="actions-container" role="toolbar">
                              <li class="action-item disabled" role="presentation">
                                <a class="action-label disabled" role="button" title="RHAMT run configuration details, these options are used by the rhamt analysis engine." tabindex="0">Analysis Configuration</a>
                              </li>
                              <li class="action-item" role="presentation">
                                <a class="action-label" role="button" title="Extension update history, rendered from the extension's 'CHANGELOG.md' file"
                                  tabindex="0">Discovered Migration Issues</a>
                              </li>
                              <li class="action-item" role="presentation">
                                  <a class="action-label" role="button" title="Lists extensions this extension depends on" tabindex="0">Generated Report</a>
                                </li>
                              <li class="action-item" role="presentation">
                                <a class="action-label" role="button" title="Lists extensions this extension depends on" tabindex="0">Dependencies Graph</a>
                              </li>
                            </ul>
                          </div>
                        </div>
                        <div class="content" style="height:100%; position: inherit;">
                          <!--<div>--> <!--class="monaco-scrollable-element  mac" role="presentation" style="position: relative; overflow: hidden;"-->
                            <div class="wrapper">
                              <!-- <details open>
                                  <summary style="user-select: none">General</summary>
                                  <table>
                                    <tr>
                                      <th style="width: 30%">Command</th>
                                      <th style="width: 30%">Description</th>
                                      <th style="width: 40%; text-align: center;">Value</th>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--input</code>
                                      </td>
                                      <td>Path to file or directory to be analyzed</td>
                                      <td><div class="addButton"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--output</code>
                                      </td>
                                      <td>Directory to output the generated report</td>
                                      <td><div class="addButton"></div></td>
                                    </tr>
                                  </table>
                              </details> -->
                            
                                <div class="advanced-container" style="width: 35%; height: 200px; border-radius: 5px; 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;">
                                  <!-- background-color: #313131;-->
                                  <div style="padding: 8px 0px 0px 0px; font-size: 14px; color: #333333; margin: 0; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px #232323;">
                                    <div style="font-size: 14px; color: #dddddd; border-bottom: 1px solid hsla(0, 0%, 50%, .22); display: flex; align-items: stretch; padding: 0px; justify-content: flex-start">
                                      <div class="tableHeader">Input</div>
                                      <div class="tableCenter"></div>
                                      <div class="addInputButton"><div class="caption">Add</div></div>
                                    </div>
                                  </div>
                                  <table>
                                      <tr>
                                          <td>
                                            <code>--input</code>
                                          </td>
                                          <td>~/project/input1</td>
                                        </tr>
                                        <tr>
                                          <td>
                                            <code>--input</code>
                                          </td>
                                          <td>~/project/input1</td>
                                        </tr>
                                    </table>
                                  <!-- <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                      <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                        rhamt-cli:
                                      </div>
                                      <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; outline: none;">
                                      </input>
                                  </div>
                                  <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                      <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                        port:
                                      </div>
                                      <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #cccccc; outline: none; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.8);">                                      </input>
                                  </div>
                                  <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                      <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                        JAVA_HOME:
                                      </div>
                                      <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #cccccc; outline: none; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.8);">                                      </input>
                                  </div> -->
                                </div>
                                <div class="advanced-container" style="margin-top: 20px; width: 35%; height: 200px; border-radius: 5px; 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;">
                                  <!-- background-color: #313131;-->
                                  <div style="padding: 8px 0px 0px 0px; font-size: 14px; color: #333333; margin: 0; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px #232323;">
                                    <div style="font-size: 14px; color: #dddddd; border-bottom: 1px solid hsla(0, 0%, 50%, .22); display: flex; align-items: stretch; padding: 0px; justify-content: flex-start">
                                      <div class="tableHeader">Packages</div>
                                      <div class="tableCenter"></div>
                                      <div class="addInputButton"><div class="caption">Add</div></div>
                                    </div>
                                  </div>
                                  <table>
                                      <tr>
                                        <td>com.mycompany.foo</td>
                                      </tr>
                                      <tr>
                                        <td>com.mycompany.bar</td>
                                        </tr>
                                  </table>
                                </div>
                              <details>
                                  <summary style="user-select: none">Migration Path</summary>
                                  <table>
                                    <tr>
                                      <th style="width: 30%">Command</th>
                                      <th style="width: 30%">Description</th>
                                      <th style="width: 40%">Enabled</th>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--target eap:6</code>
                                      </td>
                                      <td>Anything to EAP 6</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--target eap:7</code>
                                      </td>
                                      <td>Anything to EAP 7</td>
                                      <td>✔︎</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--source weblogic --target eap:6</code>
                                      </td>
                                      <td>WebLogic to EAP 6</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--source weblogic --target eap:7</code>
                                      </td>
                                      <td>WebLogic to EAP 7</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--source websphere --target eap:6</code>
                                      </td>
                                      <td>WebSphere to EAP 6</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--source websphere --target eap:7</code>
                                      </td>
                                      <td>WebSphere to EAP 7</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--source eap:4 --target eap:6</code>
                                      </td>
                                      <td>EAP 4 to EAP 6</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--source eap:5 --target eap:6</code>
                                      </td>
                                      <td>EAP 5 to EAP 6</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--source eap:5 --target eap:7</code>
                                      </td>
                                      <td>EAP 5 to EAP 7</td>
                                      <td>—</td>
                                    </tr>
                                    <tr>
                                        <td>
                                          <code>--source eap:6 --target eap:7</code>
                                        </td>
                                        <td>EAP 6 to EAP 7</td>
                                        <td>—</td>
                                      </tr>
                                  </table>
                              </details>
                              <details open>
                                  <summary style="user-select: none">Boolean Options</summary>
                                  <table id="options">
                                    <tr>
                                      <th>Name</th>
                                      <th>Description</th>
                                      <th style="text-align: center">Enabled</th>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--sourceMode</code>
                                      </td>
                                      <td>Evaluate source files only</td>
                                      <td>✔︎</td>
                                      <!-- <td><code>true</code></td> -->
                                      <td><div class="booleanOption booleanOptionEnabled checked"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--batchMode</code>
                                      </td>
                                      <td>Run in non-interactive mode</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--debug</code>
                                      </td>
                                      <td>Run in debug mode</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--discoverPackages</code>
                                      </td>
                                      <td>Display available packages in the input binary application</td>
                                      <td>—</td>
                                      <td><div class="booleanOption booleanOptionDisabled"></div>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--enableClassNotFoundAnalysis</code>
                                      </td>
                                      <td>Analyze Java files that are not available on the class path</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--enableCompatibleFilesReport</code>
                                      </td>
                                      <td>Generate a Compatible Files report</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--enableTattletale</code>
                                      </td>
                                      <td>Generate a Tattletale report for each application</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--explodedApp</code>
                                      </td>
                                      <td>Input contains source files for a single application</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--exportCSV</code>
                                      </td>
                                      <td>Export report CSV file to <code>--output</code> directory</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--help</code>
                                      </td>
                                      <td>Display rhamt-cli help message</td>
                                      <td>—</td>
                                      <td><div class="booleanOption booleanOptionDisabled"></div>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--keepWorkDirs</code>
                                      </td>
                                      <td>Do not delete temporary working files</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--list</code>
                                      </td>
                                      <td>List installed add-ons</td>
                                      <td>—</td>
                                      <td><div class="booleanOption booleanOptionDisabled"></div>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--listSourceTechnologies</code>
                                      </td>
                                      <td>List available source technologies</td>
                                      <td>—</td>
                                      <td><div class="booleanOption booleanOptionDisabled"></div>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--listTags</code>
                                      </td>
                                      <td>List available tags</td>
                                      <td>—</td>
                                      <td><div class="booleanOption booleanOptionDisabled"></div>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--listTargetTechnogies</code>
                                      </td>
                                      <td>List available target technologies</td>
                                      <td>—</td>
                                      <td><div class="booleanOption booleanOptionDisabled"></div>—</td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--mavenize</code>
                                      </td>
                                      <td>Create a Maven project directory structure</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--online</code>
                                      </td>
                                      <td>Allow network access for features that require it</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled checked"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--overwrite</code>
                                      </td>
                                      <td>Force delete the existing output directory specified by --output</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <code>--skipReports</code>
                                      </td>
                                      <td>Do not generate a report</td>
                                      <td>✔︎</td>
                                      <td><div class="booleanOption booleanOptionEnabled"></div></td>
                                    </tr>
                                  </table>
                              </details>
                              <details open>
                                <summary style="user-select: none">Options</summary>
                                <table id="options">
                                  <tr>
                                    <th>Name</th>
                                    <th>Description</th>
                                    <th>Enabled</th>
                                    <th style="text-align: center">Value</th>
                                  </tr>
                                  
                                    <td>
                                      <code>--additionalClassPath</code>
                                    </td>
                                    <td>Additional locations to be added to the class path</td>
                                    <td>✔︎</td>
                                    <td><div class="addButton"></div></td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--addonDir</code>
                                    </td>
                                    <td>Custom addon directory</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>                                  
                                  <tr>
                                    <td>
                                      <code>--excludePackages</code>
                                    </td>
                                    <td>Packages to exclude from analysis</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--excludeTags</code>
                                    </td>
                                    <td>Tags to exclude. When specified, rules with these tags will not be processed.</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--immutableAddonDir</code>
                                    </td>
                                    <td>A custom read-only add-on repository</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--includeTags</code>
                                    </td>
                                    <td>Only use rules with specific tags</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--install</code>
                                    </td>
                                    <td>Add-ons to install</td>
                                    <td>—</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--mavenizeGroupId</code>
                                    </td>
                                    <td>The <code>groupId</code> for <code>pom's</code> generated by <code>--mavenize</code></td>
                                    <td>✔︎</td>
                                    <td></td>
                                  </tr>                                  
                                  <tr>
                                    <td>
                                      <code>--packages</code>
                                    </td>
                                    <td>Packages to be evaluated</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--remove</code>
                                    </td>
                                    <td>Addons to remove</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--source</code>
                                    </td>
                                    <td>Source <code>technologies</code>, <code>servers</code>, <code>platforms</code>, or <code>frameworks</code> to migrate from</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--target</code>
                                    </td>
                                    <td>Target <code>technologies</code>, <code>servers</code>, <code>platforms</code>, or <code>frameworks</code> to migrate to</td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--userIgnorePath</code>
                                    </td>
                                    <td>User ignore file, in addition to <code>${user.home}/.rhamt/ignore/</code></td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--userRulesDirectory</code>
                                    </td>
                                    <td>Custom rulesets location in addition to <code>RHAMT_HOME/rules/</code> and <code>${user.home}/.rhamt/rules/</code></td>
                                    <td>✔︎</td>
                                    <td>—</td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <code>--version</code>
                                    </td>
                                    <td>Display rhamt version</td>
                                    <td>—</td>
                                    <td>—</td>
                                  </tr>
                                </table>
                              </details>
                              <details>
                                <summary style="user-select: none">Advanced</summary> <!--background: #363636;-->
                                <div class="advanced-container" style="background-color: hsla(0,0%,51%,.04); border-bottom: 1px solid #252525; border-top: 1px solid #353535; padding: 0; overflow: hidden">
                                  <!-- background-color: #313131;-->
                                  <div style=" padding: 8px 15px 8px 15px; font-size: 14px; color: #333333; border-bottom: 1px solid #232323; margin: 0; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px #232323; ">
                                    <div style="font-size: 14px; color: #dddddd;">
                                      Localhost
                                    </div>
                                  </div>
                                  <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                      <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                        rhamt-cli:
                                      </div>
                                      <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; outline: none;">
                                      </input>
                                  </div>
                                  <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                      <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                        port:
                                      </div>
                                      <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #cccccc; outline: none; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.8);">                                      </input>
                                  </div>
                                  <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                      <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                        JAVA_HOME:
                                      </div>
                                      <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #cccccc; outline: none; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.8);">                                      </input>
                                  </div>
                                </div>

                                <div class="advanced-container" style="background-color: hsla(0,0%,51%,.04); border-bottom: 1px solid #252525; border-top: 1px solid #353535; padding: 0; overflow: hidden; margin-top: 10px;">
                                    <!-- background-color: #313131;-->
                                    <div style=" padding: 8px 15px 8px 15px; font-size: 14px; color: #333333; border-bottom: 1px solid #232323; margin: 0; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px #232323; ">
                                      <div style="font-size: 14px; color: #dddddd;">
                                        Docker
                                      </div>
                                    </div>
                                    <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                        <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                          image:
                                        </div>
                                        <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; outline: none;">
                                        </input>
                                    </div>
                                    <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                        <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                          port:
                                        </div>
                                        <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #cccccc; outline: none; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.8);">                                      </input>
                                    </div>
                                  </div>

                                  <div class="advanced-container" style="background-color: hsla(0,0%,51%,.04); border-bottom: 1px solid #252525; border-top: 1px solid #353535; padding: 0; overflow: hidden; margin-top: 10px;">
                                      <!-- background-color: #313131;-->
                                      <div style="padding: 8px 15px 8px 15px; font-size: 14px; color: #333333; border-bottom: 1px solid #232323; margin: 0; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px #232323; ">
                                        <div style="font-size: 14px; color: #dddddd;">
                                          RaaS
                                        </div>
                                      </div>
                                      <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                          <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                            Github:
                                          </div>
                                          <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; outline: none;">
                                          </input>
                                      </div>
                                      <div style="height: 40px; position: relative; display: block; color: #ddd; text-shadow: 0 1px #232323">
                                          <div style="max-width: 296px; position: absolute; width: 296px; min-height: 13px; left: 10px; top: 10px; bottom: 10px; font-size: 12px; color: #999999;font-size:12px; text-overflow: ellipsis; font-family: Tahoma, Arial; overflow: hidden; padding: 2px; white-space: nowrap;">
                                            Server:
                                          </div>
                                          <input type="text" style="position: absolute; width: 400px; right: 10px; top: 10px; bottom: 10px; left: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #cccccc; outline: none; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.8);">                                      </input>
                                      </div>
                                    </div>
                                <!-- <div style="height: 40px;">
                                 <div style="max-width: 296; position: relative; width: 296; min-height: 13px; left: 10px; top: 10px; bottom: 10px;">
                                    <input type="checkbox" style="display: inline">
                                    Run on Docker
                                  </div>
                                  <input type="text" style="position: inherit; display: inline-block; width: 192px; right: 10px; bottom: 10px; top: 7px; left: 310px;
                                  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #202020; outline: none">
                                  </input>
                                </div>
                                <div style="height: 40px;">
                                  <div style="max-width: 296; position: relative; width: 296; min-height: 13px; left: 10px; top: 10px; bottom: 10px;">
                                    <input type="checkbox" style="display: inline">
                                    Run on RaaS 
                                  </div>
                                  <input type="text" style="position: relative; width: 192px; right: 10px; bottom: 10px; top: 7px; left: 310px;
                                  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1.5px; color: #202020; outline: none">
                                  </input>
                              </div> -->
                              </details>
                            <!-- </div> -->
                            <div role="presentation" aria-hidden="true" class="invisible scrollbar horizontal fade" style="position: absolute; width: 1028px; height: 10px; left: 0px; bottom: 0px;">
                              <div class="slider" style="position: absolute; top: 0px; left: 0px; height: 10px; will-change: transform; width: 410px;"></div>
                            </div>
                            <div role="presentation" aria-hidden="true" class="invisible scrollbar vertical fade" style="position: absolute; width: 10px; height: 485px; right: 0px; top: 0px;">
                              <div class="slider" style="position: absolute; top: 0px; left: 0px; width: 10px; will-change: transform; height: 123px;"></div>
                            </div>
                            <div class="shadow"></div>
                            <div class="shadow"></div>
                            <div class="shadow top-left-corner"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script>
    $(document).ready(function() {
      $('.booleanOption, .booleanOptionEnabled').hover(function() {
        $(this).toggleClass('over');
      });
      $('.booleanOption, .booleanOptionEnabled').click(function() {
        $(this).toggleClass('checked');
      });
    });
    </script>
</body>