body {
    -webkit-animation: bugfix infinite 1s
}

@-webkit-keyframes bugfix {
    from {
        padding: 0
    }

    to {
        padding: 0
    }
}

#adi-wrapper {
    position: fixed;
    height: 100%;
    top: 0;
    background: #fafafa;
    font-family: "Segoe UI", Arial;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#adi-wrapper.left {
    left: 0
}

#adi-wrapper.right {
    right: 0
}

#adi-wrapper.transparent {
    background: rgba(250, 250, 250, 0.8)
}

#adi-panel {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 24px;
    background: #d4d4d4;
    border-top: 1px solid #bbc5c9
}

#adi-panel .adi-path-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 24px;
    padding: 0 13px 0 18px;
    line-height: 24px;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

#adi-panel .adi-path-wrap.adi-overflowing .adi-path-left,
#adi-panel .adi-path-wrap.adi-overflowing .adi-path-right {
    display: block
}

#adi-panel .adi-path {
    height: 24px;
    overflow: hidden;
    white-space: nowrap
}

#adi-panel .adi-path-left,
#adi-panel .adi-path-right {
    display: none;
    position: absolute;
    top: 0;
    width: 8px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .7
}

#adi-panel .adi-path-left:hover,
#adi-panel .adi-path-right:hover {
    opacity: 1
}

#adi-panel .adi-path-left {
    left: 7px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUVGMDQ3OTdBMDlEMTFFMjgxM0VBNkE4RDAyODRGMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUVGMDQ3OThBMDlEMTFFMjgxM0VBNkE4RDAyODRGMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRUYwNDc5NUEwOUQxMUUyODEzRUE2QThEMDI4NEYzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRUYwNDc5NkEwOUQxMUUyODEzRUE2QThEMDI4NEYzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqyG9ZIAAABYSURBVHjaYmDADlKBuArEYMEiGQjEs6BsVnRJXyD+j4RvI0u6AfE/JMnrQCwGk3QA4l9oOiVgkt5oxp4FYm6YJBMDkQCvFUQ5kihvIgcUTEE9A6GgBggwAGAtIqG4bpDDAAAAAElFTkSuQmCC')
}

#adi-panel .adi-path-right {
    right: 2px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTJDOUMyQ0JBMDlEMTFFMjg1QUVBREMzMEQ1OTlDNjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTJDOUMyQ0NBMDlEMTFFMjg1QUVBREMzMEQ1OTlDNjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMkM5QzJDOUEwOUQxMUUyODVBRUFEQzMwRDU5OUM2OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMkM5QzJDQUEwOUQxMUUyODVBRUFEQzMwRDU5OUM2OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrZMwfgAAABSSURBVHjaYmZgYGAH4gYgVgPiswxYQD8Q/wfiv0Cch03BUqgCGC7HpmgmmqJ2bIpa0RRNB2JedEXr0BSlEG0CXjcQ9AXBcACFZDMQp2OTBAgwANpjJSgtIqvkAAAAAElFTkSuQmCC')
}

#adi-panel .adi-menu-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 24px
}

#adi-panel .adi-menu-lookup,
#adi-panel .adi-menu-config {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    border-left: 1px solid #bbc5c9;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: .7;
    border-radius: 0
}

#adi-panel .adi-menu-lookup:hover,
#adi-panel .adi-menu-config:hover {
    background-color: #c5d9d8;
    opacity: 1
}

#adi-panel .adi-menu-lookup.adi-active,
#adi-panel .adi-menu-config.adi-active {
    background-color: #fafafa;
    opacity: 1
}

#adi-panel .adi-menu-lookup {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjUwMDI1QUFBMDlEMTFFMjgwQkJFRDM0NDdBNkVERTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjUwMDI1QUJBMDlEMTFFMjgwQkJFRDM0NDdBNkVERTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NTAwMjVBOEEwOUQxMUUyODBCQkVEMzQ0N0E2RURFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NTAwMjVBOUEwOUQxMUUyODBCQkVEMzQ0N0E2RURFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpXe2XkAAADbSURBVHjaYmBAACEgrgfic0D8AogfAPFsIDZnwAM0oQr/Q/EfJDYIF2HTxAfET6AKdgCxPRCLArEOELciafZF11gLldgHxExYDM6Ayt8GYk5kictQCVM8XrkCVWMGE2CCOgsEbuHReAEpAOEaf0DZgng0SkHp38iCS6HOaMWhSQuq4SmS68DAACnkctA0geRuQOVmYzM1H0kzKCA2APFOtLh8B8Qx2DQHA/F5NMWgFDQXiP8iiWHVzAzExkDsDk0IAlDxCDQDMxhIANFIGq8ykAjSgXg/EKsDBBgAPPFCY4Pj7noAAAAASUVORK5CYII=')
}

#adi-panel .adi-menu-config {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzJEMDJFNzBBMDlEMTFFMjgxRjlGQkM1MzZBMEYzRjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzJEMDJFNzFBMDlEMTFFMjgxRjlGQkM1MzZBMEYzRjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MkQwMkU2RUEwOUQxMUUyODFGOUZCQzUzNkEwRjNGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MkQwMkU2RkEwOUQxMUUyODFGOUZCQzUzNkEwRjNGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjtr1QgAAADjSURBVHjaYmDADiSA+D0QvwZiQWwKmJDYRUDsBWWHA7EAEIsAcTBULACI49ANKADi/1C8F4j/IPF/AvEBJH4QskY/IP6EJIkLg5xvh27rETRFa6AYWWwnsgZlIM4E4m9ITnNDkvcG4t9Qua9AnArVA9cAw+uwBOJGNDXfmKCmEQJsaHywHgVoMH9CcqovkiJQ1PyFyoHUREP1wMExLE7eiia2A90poLj5RUR0fIIFHCzlcAAxK5S9BYh/IBkKCrxNUDYvEPOh2wryixWUnYVkSwJUzBmIIwiFoiRSIhfCpgAgwAAJOFioPc/OTgAAAABJRU5ErkJggg==')
}

#adi-dom-view {
    height: 50%
}

#adi-dom-view ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#adi-dom-view ul[data-open=true] {
    display: block
}

#adi-dom-view ul[data-open=false] {
    display: none
}

#adi-dom-view ul ul {
    margin: 4px 0
}

#adi-dom-view ul li {
    margin: 4px 0;
    padding-left: 15px
}

#adi-dom-view .adi-normal-node,
#adi-dom-view .adi-end-node {
    margin-right: 5px;
    padding: 0 6px 0px;
    background: #d2e8ff;
    border-radius: 8px;
    cursor: default
}

#adi-dom-view .adi-normal-node:hover,
#adi-dom-view .adi-normal-node.hover,
#adi-dom-view .adi-end-node:hover,
#adi-dom-view .adi-end-node.hover {
    background: #ffcc62
}

#adi-dom-view .adi-normal-node:hover~span,
#adi-dom-view .adi-normal-node.hover~span,
#adi-dom-view .adi-end-node:hover~span,
#adi-dom-view .adi-end-node.hover~span {
    background: #ffcc62
}

#adi-dom-view .adi-normal-node.adi-active-node,
#adi-dom-view .adi-end-node.adi-active-node {
    background: #ff7e7e
}

#adi-dom-view .adi-normal-node.adi-active-node~span,
#adi-dom-view .adi-end-node.adi-active-node~span {
    background: #ff7e7e
}

#adi-dom-view .adi-text-node,
#adi-dom-view .adi-comment-node {
    display: block;
    padding: 3px 8px;
    color: #444;
    background: #fff;
    border-radius: 8px
}

#adi-dom-view .adi-text-node:after,
#adi-dom-view .adi-comment-node:after {
    content: '"'
}

#adi-dom-view .adi-text-node:before,
#adi-dom-view .adi-comment-node:before {
    content: '"'
}

#adi-dom-view .adi-comment-node {
    color: #999;
    font-style: italic
}

#adi-dom-view .adi-trigger {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 -13px;
    opacity: .7
}

#adi-dom-view .adi-trigger.closed {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDk0M0ExRjRBMDlEMTFFMkIzOThCNDREODRGODY0RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDk0M0ExRjVBMDlEMTFFMkIzOThCNDREODRGODY0RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEOTQzQTFGMkEwOUQxMUUyQjM5OEI0NEQ4NEY4NjRFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEOTQzQTFGM0EwOUQxMUUyQjM5OEI0NEQ4NEY4NjRFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvAwK0oAAACNSURBVHjaYmZgYKgDYjkgfg7E3xhwgPtA/AmIZwCxNRBzYlN0B4j/A/FXIL4AxJOB2AmIOWAKmIE4EYglgJgVSusBsSEQK0DVfAARl6AmoeO/ULkKJgYiAAtUBzL4AcRXgXgvEO8B4rMgRbxQSZD3bwPxISBeB8THgfgn0UEAMmk+VOEOIH6NzU0AAQYAZJUjvTKI9t0AAAAASUVORK5CYII=') no-repeat
}

#adi-dom-view .adi-trigger.opened {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjlERkU1ODFBMDlEMTFFMjg4NTg5MkZDNEM3RjAxQTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjlERkU1ODJBMDlEMTFFMjg4NTg5MkZDNEM3RjAxQTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOURGRTU3RkEwOUQxMUUyODg1ODkyRkM0QzdGMDFBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOURGRTU4MEEwOUQxMUUyODg1ODkyRkM0QzdGMDFBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvYriLgAAABhSURBVHjaYmRgYJgAxKlA/JsBO2AF4tkghjEQ/yeAjWG65uJRNBfZeBkg/oVF0S+oHAqYjEXhFGyOFgLij0iKPgGxKA4PMtQjKaxnwAMEkRQKIkuwoCl8D8TTkNhwABBgAConKQuCpl2JAAAAAElFTkSuQmCC') no-repeat
}

#adi-dom-view .adi-trigger:hover {
    opacity: 1
}

#adi-opts-view {
    position: relative;
    height: 100%;
    padding: 0 15px;
    background: #fff
}

#adi-opts-view.adi-hidden {
    display: none
}

#adi-opts-view .adi-opt-heading,
#adi-opts-view .adi-opt {
    display: block;
    padding: 5px 0
}

#adi-opts-view .adi-opt-heading {
    padding: 20px 0 10px;
    font-size: 15px
}

#adi-opts-view .adi-opt-heading:first-child {
    padding-top: 10px
}

#adi-opts-view .adi-opt input {
    margin-right: 6px
}

#adi-opts-view .adi-opt-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjEyMUU3NjlBM0NBMTFFMjkxRDNCQjE4NzlCQTFBNDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjEyMUU3NkFBM0NBMTFFMjkxRDNCQjE4NzlCQTFBNDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMTIxRTc2N0EzQ0ExMUUyOTFEM0JCMTg3OUJBMUE0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMTIxRTc2OEEzQ0ExMUUyOTFEM0JCMTg3OUJBMUE0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PldzNYYAAADKSURBVHjaYmHADuyA2BSIRaD8N0B8GogPMRAAJkB8GIj/48CHoWqwgjgg/oakeA8Q90PxHiTxb1C1KMAAScENINbEYoEmVA6mzgBZ8ixU8AJSGKQhyadBxRigav5D9YCBFVTgHxArQwMPZksCFMP4plA1/6B8kF6GCihnL9TAZDyBmAxVsxfKL2cCEoJQwUtQei4QJ2IJg0SoHLJaUSYGygA7yID3UI4ekhfmY1E8H8kLMLWPqRKIFEcjVRISxUmZ7MzESGl2BggwAIKuaOZJ+rLsAAAAAElFTkSuQmCC') no-repeat;
    opacity: .7
}

#adi-opts-view .adi-opt-close:hover {
    opacity: 1
}

#adi-attr-view {
    height: 50%
}

#adi-attr-view .adi-attr {
    display: block;
    padding: 5px 0
}

#adi-attr-view hr {
    height: 1px;
    border: none
}

#adi-attr-view input[type=text] {
    width: 100%;
    margin-top: 3px;
    padding: 2px
}

#adi-horiz-split {
    height: 4px;
    cursor: n-resize;
    border-width: 0 0 1px 0;
    background: #bbc5c9;
    border-color: #768285;
    border-style: solid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#adi-horiz-split:hover {
    background: #c5d9d8
}

#adi-vert-split {
    position: fixed;
    top: 0;
    width: 4px;
    height: 100%;
    cursor: e-resize;
    border-width: 0 1px 0 0;
    background: #bbc5c9;
    border-color: #768285;
    border-style: solid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#adi-vert-split:hover {
    background: #c5d9d8
}

.adi-content {
    position: relative;
    padding: 10px 15px;
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}