sunburst-devtools/sunburst.css

#toolbar > .toolbar-item.toggleable.toggled-on {
  -webkit-transition: border-top 0.25s ease-out 0;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected,
.small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected {
  -webkit-transition: border-top 0.25s ease-out 0;
}
/*-- NETWORK PANES --*/
#network-views {
  -webkit-animation: bounceInRight 0.5s ease-in-out;
}
/*-- INACTIVE SELECTORS --*/
.styles-section .properties .overloaded,
.styles-section .properties .inactive,
.styles-section .properties .disabled,
.styles-section .properties .not-parsed-ok {
  -webkit-transition: opacity 0.5s ease-in-out 0;
}
.styles-section .properties .enabled-button {
  -webkit-transition: visibility 0.5s ease-in-out;
}
/*-- HIGHLIGHT CHILDREN --*/
.panel.elements .parent + .children {
  -webkit-transition: 0.5s ease-in 0.25s;
}
.panel.elements .parent.selected.expanded + .children > :last-child *,
.panel.elements .parent.hovered.expanded + .children > :last-child * {
  -webkit-transition: opacity 0.5s ease-in-out 0.25s;
}
/*-- POPOVERS --*/
.popover {
  -webkit-animation: growFadeIn 0.2s ease-in-out;
}
.popover.top-left-arrow {
  -webkit-transform-origin: 25% 0%;
}
.popover.top-right-arrow {
  -webkit-transform-origin: 75% 0%;
}
.popover.right-top-arrow {
  -webkit-transform-origin: 100% 10%;
}
.popover.right-bottom-arrow {
  -webkit-transform-origin: 100% 90%;
}
.popover.bottom-left-arrow {
  -webkit-transform-origin: 25% 100%;
}
.popover.bottom-right-arrow {
  -webkit-transform-origin: 75% 100%;
}
.popover.left-top-arrow {
  -webkit-transform-origin: 0% 10%;
}
.popover.left-bottom-arrow {
  -webkit-transform-origin: 0% 90%;
}
/* -- KEYFRAME DECLARATIONS -- */
@-webkit-keyframes match-animation {
  0% {
    box-shadow: 0 0 0 #263238;
    background-color: #263238;
    color: #263238;
  }
  50% {
    box-shadow: 0 0 25px #80cbc4;
  }
  100% {
    box-shadow: 0 0 0 #80cbc4;
    background-color: #80cbc4;
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-550px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(550px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes slideInLeftBig {
  0% {
    -webkit-transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes slideInRightBig {
  0% {
    -webkit-transform: translateX(500px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes growFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.panel.visible {
  -webkit-transform: translatez(0);
}
/*-- HIGHLIGHT CHILDREN --*/
.panel.elements /deep/ .parent + .children {
  -webkit-transition: 0.5s ease-in 0.25s;
}
.panel.elements /deep/ .hovered.parent.expanded + .children > li:last-of-type .webkit-html-tag.close,
.panel.elements /deep/ .selected.parent.expanded + .children > li:last-of-type .webkit-html-tag.close {
  -webkit-transition: opacity 0.5s ease-in-out 0.25s;
}
.panel.elements .parent.selected.expanded + .children,
.panel.elements .parent.hovered.expanded + .children {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 5px !important;
  box-shadow: inset 0px 0px 3px 0px #a6f2f8 !important;
  border-bottom: 1px solid #2f3740 !important;
}
.panel.elements .parent.selected.expanded + .children > li .webkit-html-pseudo-element:first-child,
.panel.elements .parent.hovered.expanded + .children > li .webkit-html-pseudo-element:first-child {
  color: #80cbc4 !important;
}
.panel.elements .parent.selected.expanded + .children > :last-child *,
.panel.elements .parent.hovered.expanded + .children > :last-child * {
  opacity: .6;
}
.panel.elements /deep/ .parent.selected.expanded + .children,
.panel.elements /deep/ .parent.hovered.expanded + .children {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 5px !important;
  box-shadow: inset 0px 0px 3px 0px #a6f2f8 !important;
  border-bottom: none !important;
}
.panel.elements /deep/ .parent.selected.expanded + .children > li .webkit-html-pseudo-element:first-child,
.panel.elements /deep/ .parent.hovered.expanded + .children > li .webkit-html-pseudo-element:first-child {
  color: #80cbc4 !important;
}
.panel.elements /deep/ .parent.selected.expanded + .children > li:last-of-type .webkit-html-tag.close,
.panel.elements /deep/ .parent.hovered.expanded + .children > li:last-of-type .webkit-html-tag.close {
  opacity: 0.5 !important;
}


.cm-breakpoint .CodeMirror-gutter-elt {
  color: #000 !important;
  font-weight: 700 !important;
}
.CodeMirror-cursor {
  border-left: 1px solid #cdd3de !important;
}
.cm-error {
  background: #9d1e15 !important;
  border-radius: 2px !important;
  color: #eee !important;
}
.CodeMirror-gutter-elt {
  color: #546e7a !important;
}
.CodeMirror-gutters {
  background: #111 !important;
  border-right: 2px solid #2e3c43 !important;
}
.CodeMirror-selected,
span.CodeMirror-selectedtext {
  background: #2e3c43 !important;
}
.CodeMirror-code .CodeMirror-matchingbracket {
  color: #80cbc4 !important;
  text-shadow: 0 0 3px #80cbc4 !important;
  border-bottom: none !important;
  font-weight: 800 !important;
}
.CodeMirror-code .CodeMirror-nonmatchingbracket {
  color: #db0404 !important;
  text-shadow: 0 0 3px #db0404 !important;
  border-bottom: none !important;
  font-weight: 800 !important;
}
.cm-search-highlight-start:before {
  border-color: #80cbc4 !important;
}
.cm-search-highlight-end:before {
  border-color: #80cbc4 !important;
}
.cm-search-highlight:before {
  border-color: #80cbc4 !important;
  padding: 2px !important;
}
.cm-line-with-selection .cm-column-with-selection.cm-search-highlight:before {
  background-color: #80cbc4 !important;
  border-radius: 2px !important;
}
span.cm-token-highlight {
  background-color: transparent !important;
  padding: 0px !important;
}
span.cm-token-highlight:before {
  border-color: #80cbc4 !important;
}
.cm-line-with-selection span.cm-column-with-selection {
  color: #000 !important;
  background-color: #80cbc4 !important;
}
.cm-whitespace:before {
  color: #2e3c43 !important;
}
.cm-tab:before {
  border-bottom: 1px solid #2e3c43 !important;
}
.cm-highlight {
  -webkit-animation: "fadeout-revised" 3s 0s !important;

}
.cm-highlight *:not(.CodeMirror-linenumber) {
  color: #e6e6e6 !important;
}
.cm-execution-line {
  background-color: #3e4c58 !important;
  outline: 1px solid #2e3c43 !important;
}
.CodeMirror-linenumber {
  border-right: none !important;
}
.cm-line-without-source-mapping {
  background-color: #222 !important;
}
@-webkit-keyframes fadeout-revised {
  0% {
    background-color: #3e4c58;

  }
  50% {
    background-color: #3e4c58;

  }
  100% {
    background-color: #263238;
    outline: 1px solid #263238;
  }
}
/************************************************
/* Elements Crumbs
/************************************************/
#elements-crumbs {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  border-top: none !important;
  height: 19px !important;
}
#elements-crumbs .crumbs {
  text-shadow: none !important;
  color: #b1bdc4 !important;
}
#elements-crumbs .crumbs .crumb {
  -webkit-border-image: none !important;
  border-left: 1px solid #2e3c43 !important;
  border-right: 1px solid #282e35 !important;
  padding: 0 10px !important;
  margin: 0 !important;
  line-height: 18px !important;
}
#elements-crumbs .crumbs .crumb:hover {
  color: #f8f8f8 !important;
  background-color: #b1bdc4 !important;
}
#elements-crumbs .crumbs .crumb.selected {
  background-color: #3e4c58 !important;
  text-shadow: none !important;
  color: #f8f8f8 !important;
  cursor: default;
}
/***************************************************
/* Dialog Boxes
/* -------------------------------------------
/* Search Functions/Selectors in File [Ctrl+Shift+O]
/***************************************************/
.dialog {
  background: #282e35 !important;
  box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.6) !important;
  border: 1px solid #2e3c43 !important;
}
.dialog .fill {
  border: none !important;
}
.dialog .selected {
  background-color: #3e4c58 !important;
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.3) !important;
  color: #cdd3de !important;
}
.dialog input,
.dialog input:focus {
  background-color: #222 !important;
  border: none !important;
  color: #e6e6e6 !important;
  padding: 0 5px;
}
.filtered-item-list-dialog-item {
  background-color: #222 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #2e3c43 !important;
}
.filtered-item-list-dialog-item .filtered-item-list-dialog-subtitle {
  color: #808080 !important;
}
.filtered-item-list-dialog-item:not(.selected):hover {
  background-color: #282e35 !important;
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.8) !important;
}
.filtered-item-list-dialog-item .filtered-item-list-dialog-title,
.filtered-item-list-dialog-item span {
  color: #e6e6e6 !important;
}
.filtered-item-list-dialog-item .highlight {
  color: #80cbc4 !important;
}
.filtered-item-list-dialog > div.container {
  background-color: #222 !important;
}
.text-button,
[is="text-button"] {
  background: #111 !important;
  color: #cdd3de !important;
  border: none !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.text-button:disabled,
[is="text-button"]:disabled {
  cursor: default !important;
  opacity: 0.3 !important;
}
.text-button:not(:disabled):active,
[is="text-button"]:not(:disabled):active {
  box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
}
.chrome-select {
  background-color: #282e35 !important;
  border-color: #2e3c43 !important;
  color: #e6e6e6 !important;
  background-image: none !important;
  text-shadow: none !important;
  -webkit-appearance: menulist !important;
  box-shadow: none !important;
}
.chrome-select:disabled {
  opacity: .3 !important !important;
}
.chrome-select:focus {
  outline-color: none !important !important;
}
.search-drawer-header label.search-config-label,
.drawer .settings-tab label,
#drawer-footer td label {
  text-shadow: none !important;
  color: #b1bdc4 !important;
}
.overrides-view .tabbed-pane-header-tab {
  color: #b1bdc4 !important;
}
.overrides-view .tabbed-pane-content {
  color: #b1bdc4 !important;
}
.overrides-view .tabbed-pane-content :disabled {
  color: rgba(204, 204, 204, 0.3) !important;
}
.overrides-view input,
.overrides-view select {
  background-color: #282e35 !important;
  border-color: #2e3c43 !important;
  color: #e6e6e6 !important;
}
.overrides-view input:disabled,
.overrides-view select:disabled {
  opacity: .3 !important !important;
}
.overrides-view input:focus,
.overrides-view select:focus {
  outline-color: none !important !important;
}
input[type="range"]::-webkit-slider-runnable-track {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  height: 5px !important;
  text-align: center !important;
  margin: 10px 0 !important;
}
input[type='range']::-webkit-slider-thumb {
  position: relative !important;
  top: -5px !important;
}
.revision-history-link {
  color: #80cbc4 !important;
}
.outline-disclosure.revision-history-drawer ol li {
  padding-top: 2px !important;
  line-height: 15px !important;
}
.revision-history-drawer > ol > .parent {
  background-color: #2a2a2a !important;
  color: #b1bdc4 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #151515 !important;
  margin: 0 !important;
  height: 22px !important;
}
.revision-history-drawer > ol > .parent + .children {
  margin-bottom: 10px !important;
}
.revision-history-drawer .revision-history-revision {
  color: #b1bdc4 !important;
  background-color: #222 !important;
  border-top: 1px solid #363636 !important;
  border-bottom: 1px solid #1a1a1a !important;
  height: 22px !important;
  line-height: 20px !important;
}
.revision-history-drawer .webkit-line-number {
  background: #111 !important;
  border-right: 1px solid #2e3c43 !important;
  padding: 1px 5px 1px 0 !important;
  display: inline-block;
  color: #546e7a !important;
}
.revision-history-drawer .source-code {
  margin: 5px 0 15px 10px !important;
}
.revision-history-drawer .source-code .revision-history-line-separator:nth-child(1) {
  background-color: #222 !important;
}
.revision-history-drawer .revision-history-line-separator {
  margin-top: 4px !important;
}
.revision-history-drawer .revision-history-line-removed,
.revision-history-drawer .revision-history-line-added {
  background-color: #222 !important;
}
.revision-history-drawer .revision-history-line-removed span:last-child,
.revision-history-drawer .revision-history-line-added span:last-child {
  margin-left: 2px;
}
.revision-history-drawer .revision-history-line-removed {
  color: #ff5a5a !important;
}
.revision-history-drawer .revision-history-line-added {
  color: #7eb17e !important;
}
.help-footnote {
  border-top: none !important;
}
.help-footnote a {
  color: #80cbc4;
}
button.overrides-swap {
  background: #111 !important;
  color: #cdd3de !important;
  border: none !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
button.overrides-swap:disabled {
  cursor: default !important;
  opacity: 0.3 !important;
}
button.overrides-swap:not(:disabled):active {
  box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
}
.overrides-activate-device #tab-device .tabbed-pane-header-tab-title::after,
.overrides-activate-media #tab-media .tabbed-pane-header-tab-title::after,
.overrides-activate-network #tab-network .tabbed-pane-header-tab-title::after,
.overrides-activate-sensors #tab-sensors .tabbed-pane-header-tab-title::after {
  color: #80cbc4 !important;
}
/**********************************************/
/* Find Module [ctrl+shift+F / cmd+shift+F]
/**********************************************/
#search-results-pane-file-based .search-result,
::shadow #search-results-pane-file-based .search-result {
  background-color: #2a2a2a !important;
  color: #b1bdc4 !important;
  border-top: 1px solid #363636 !important;
  border-bottom: 1px solid #2e3c43 !important;
  line-height: 18px !important;
  margin: 0 !important;
}
#search-results-pane-file-based .show-more-matches,
::shadow #search-results-pane-file-based .show-more-matches {
  color: #80cbc4 !important;
}
#search-results-pane-file-based .parent:hover,
::shadow #search-results-pane-file-based .parent:hover {
  background-color: #282e35 !important;
  color: #d9d9d9 !important;
}
#search-results-pane-file-based .parent .search-result-file-name,
::shadow #search-results-pane-file-based .parent .search-result-file-name {
  color: #546e7a !important;
}
#search-results-pane-file-based .parent .search-result-matches-count,
::shadow #search-results-pane-file-based .parent .search-result-matches-count {
  color: #71f38f !important;
}
.toolbar-search button,
::shadow .search-action-button {
  background: #111 !important;
  color: #cdd3de !important;
  border: none!important;
  border-radius: 3px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.toolbar-search button:disabled {
  cursor: default !important;
  opacity: 0.3 !important;
}
.toolbar-search button:not(:disabled):active {
  box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
}
.toolbar-search-control,
::shadow .toolbar-search-control {
  background-color: #282e35 !important;
  border: 1px solid #2e3c43 !important;
}
.toolbar-search-control input,
::shadow .toolbar-search-control input {
  background-color: #282e35 !important;
  border-color: #2e3c43 !important;
  color: #e6e6e6 !important;
  border-color: none !important;
}
.toolbar-search-control input:disabled,
::shadow .toolbar-search-control input:disabled {
  opacity: .3 !important;
}
.toolbar-search-control input:focus,
::shadow .toolbar-search-control input:focus {
  outline-color: none !important;
}
.toolbar-search-control .toolbar-search-navigation-controls,
::shadow .toolbar-search-control .toolbar-search-navigation-controls {
  background: #111 !important;
}
.toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-prev,
.toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-next,
::shadow .toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-prev,
::shadow .toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-next {
  border: 1px solid #363636 !important;
}
::shadow .search-replace.toolbar-replace-control {
  background-color: #282e35 !important;
  border-color: #2e3c43 !important;
  color: #e6e6e6 !important;
}
::shadow .search-replace.toolbar-replace-control:disabled {
  opacity: .3 !important;
}
::shadow .search-replace.toolbar-replace-control:focus {
  outline-color: none !important;
}
.search-drawer-header input[type="text"].search-config-search,
::shadow .search-config-search {
  background-color: #282e35 !important;
  color: #e6e6e6 !important;
  border: 1px solid #2e3c43 !important;
}
.search-drawer-header input[type="text"].search-config-search:focus,
::shadow .search-config-search:focus {
  outline-color: #80cbc4 !important;
}
#drawer-contents .search-match-line-number,
::shadow .search-match-line-number {
  background: #111 !important;
  border-right: 1px solid #2e3c43 !important;
  padding: 1px 5px 1px 0 !important;
  display: inline-block;
  color: #546e7a !important;
}
#search-results-pane-file-based .search-match .highlighted-match,
.highlighted-search-result,
.webkit-highlighted-line.webkit-line-content,
::shadow #search-results-pane-file-based .search-match .highlighted-match {
  color: #000000 !important;
  border-radius: 2px !important;
  font-size: 1em !important;
  background-color: #80cbc4 !important;
  box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important;
}
.search-match:hover {
  background-color: #282e35 !important;
  box-shadow: inset 0 1px 0 0 #282e35, inset 0 -1px 0 0 #282e35;
}
.status-bar,
::shadow .search-bar {
  background-color: #282e35 !important;
  border-top: none !important;
  border-bottom: none !important;
}
.search-results-matches {
  color: #b1bdc4 !important;
}
.search-match-content,
::shadow .search-match-content {
  color: #b1bdc4 !important;
}
.search-status-bar-summary,
::shadow .search-status-bar-summary {
  background: linear-gradient(#505050, #363636) !important;
  border-top: 1px solid #505050 !important;
}
.search-drawer-header input[type="checkbox"].search-config-checkbox {
  vertical-align: middle !important;
}
.sidebar-pane-filter-box {
  border-top: 1px solid #2e3c43 !important;
}
.sidebar-pane-filter-box.styles-filter-engaged {
  background-color: transparent !important;
}
.sidebar-pane-filter-box > input {
  color: #b1bdc4 !important;
}
.styles-section .properties li.filter-match,
.styles-section .simple-selector.filter-match {
  background-color: #3e4c58 !important;
  box-shadow: 0 0 0 1px #2e3c43 !important;
  border-radius: 2px;
}
::shadow ::shadow .regex-search-status-bar-item.status-bar-item.toggled-off .status-bar-button-text,
::shadow ::shadow .case-sensitive-search-status-bar-item.status-bar-item.toggled-off .status-bar-button-text {
  color: #b1bdc4 !important;
}
::shadow ::shadow .regex-search-status-bar-item.status-bar-item.toggled-on .status-bar-button-text,
::shadow ::shadow .case-sensitive-search-status-bar-item.status-bar-item.toggled-on .status-bar-button-text {
  color: #80cbc4 !important;
}
::shadow ::shadow .status-bar-item .status-bar-button-text {
  color: #b1bdc4 !important;
}
/**********************************************
/* DevTool Chrome
/**********************************************/
#console-messages,
#console-view,
#network-views .CodeMirror-lines,
#script-view-fallback,
.console-view-wrapper,
.dialog .fill,
.drawer .revision-history-drawer,
.help-window-main,
.panel .split-view-contents,
.panel,
.panel-enabler-view,
.profiles-sidebar-tree-box,
.resource-view .script-view,
.sidebar-overlay,
.split-view-vertical .sidebar-pane.composite .properties-tree,
.styles-section.read-only,
.tabbed-pane-content,
.tabbed-pane-content.has-no-tabs .timeline-records-title,
.timeline-records-list,
#timeline-overview-sidebar {
  background-color: #000 !important;
  z-index: 0;
}
.panel-enabler-view {
  color: #b1bdc4;
}
.panel .sidebar-tree-item.selected {
  background-color: #3e4c58 !important;
  color: #e6e6e6 !important;
  box-shadow: inset 0 1px 0 0 #2e3c43, inset 0 -1px 0 0 #2e3c43;
}
.panel .sidebar-tree-item:not(.selected):hover {
  background-color: #282e35 !important;
  color: #b1bdc4 !important;
  box-shadow: inset 0 1px 0 0 #282e35, inset 0 -1px 0 0 #282e35;
}
.panel .sidebar-tree-item .disclosure-button {
  background-color: #8c8c8c !important;
}
.panel .data-grid th {
  border: none !important;
}
.panel .status-bar {
  border-bottom: 1px solid #505050;
}
.panel .status-bar-text {
  color: #b1bdc4 !important;
}
body.dock-to-right.inactive:not(.undocked):not(.overlay-contents),
body.dock-to-right:not(.undocked):not(.overlay-contents) {
  border-left: transparent !important;
}
.split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
  border-top: none !important;
}
.tabbed-pane-content .settings-tab-text-button {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  color: #cdd3de !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.tabbed-pane-content .settings-tab-text-button:disabled {
  cursor: default !important;
  opacity: 0.3 !important;
}
.tabbed-pane-content .settings-tab-text-button:not(:disabled):active {
  box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
}
.split-view.vbox > .split-view-resizer > .split-view-resizer-border,
.split-view.hbox > .split-view-resizer > .split-view-resizer-border {
  border: none !important;
}
.sidebar {
  background: none !important;
}
.editing {
  background-color: #222 !important;
  outline: 1px solid #80cbc4 !important;
  color: #b1bdc4 !important;
}
/**********************************************/
/* Navigation Arrows
/**********************************************/
.styles-section.matched-styles .properties li.parent.expanded .expand-element,
#console-messages .console-group-messages .section.expanded .header::before,
#console-messages .properties-tree li.parent.expanded::before,
.outline-disclosure li.parent.expanded::before,
.properties-tree li.parent.expanded::before,
.section.expanded > .header::before,
.section .event-bar.expanded .header::before,
.sidebar-pane .parent.expanded::before,
.sidebar-pane-stack .sidebar-pane-title.expanded::before,
.timeline-expandable-expanded .timeline-expandable-arrow,
.styles-section.matched-styles .style-properties li.parent.expanded .expand-element {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -4px -96px;
  -webkit-transform: rotate(90deg);
}
.sidebar-pane-stack .sidebar-pane-title.expanded::before {
  -webkit-transform: rotate(90deg) translateX(2px);
}
.styles-section.matched-styles .properties li.parent .expand-element,
#console-messages .console-group-messages .section .header::before,
#console-messages .properties-tree li.parent::before,
.outline-disclosure li.parent::before,
#search-results-pane-file-based .parent::before,
.properties-tree li.parent::before,
.section > .header::before,
.section .event-bar .header::before,
.sidebar-pane .parent::before,
.sidebar-pane-stack .sidebar-pane-title::before,
.timeline-expandable-collapsed .timeline-expandable-arrow,
::shadow #search-results-pane-file-based .parent::before,
.styles-section.matched-styles .style-properties li.parent .expand-element {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -4px -96px;
  -webkit-transform: rotate(0deg);
}
.data-grid th.sort-ascending > div::after {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -4px -108px !important;
}
.data-grid th.sort-descending > div::after {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -20px -96px !important;
}
#search-results-pane-file-based .parent.expanded::before,
::shadow #search-results-pane-file-based .parent.expanded::before {
  -webkit-mask-position: -20px -96px !important;
}
#search-results-pane-file-based .parent.expanded::before,
::shadow #search-results-pane-file-based .parent.expanded::before {
  -webkit-mask-position: -20px -93px !important;
}
#search-results-pane-file-based .parent::before,
::shadow #search-results-pane-file-based .parent::before {
  -webkit-mask-position: -4px -93px !important;
}
.panel.network . li.parent::before {
  top: 3px !important;
}
.sidebar-tabbed-pane .section > .header::before,
.event-bars .event-bar .header::before {
  margin-top: 3px !important;
}
.status-bar-select-arrow {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -20px -96px !important;
}

/**********************************************
/* Element Highlighter
/**********************************************/
.panel.elements #elements-content .CodeMirror {
  outline: none !important;
}
.panel.elements ::shadow .outline-disclosure ol:focus li.selected .selection,
.panel.console ::shadow .outline-disclosure ol:focus li.selected .selection,
.panel.elements ::shadow .elements-disclosure ol:focus li.selected .selection,
.panel.console ::shadow .elements-disclosure ol:focus li.selected .selection,
.panel.elements ::shadow .outline-disclosure li.selected .selection,
.panel.console ::shadow .outline-disclosure li.selected .selection,
.panel.elements ::shadow .elements-disclosure li.selected .selection,
.panel.console ::shadow .elements-disclosure li.selected .selection {
 /* outline: 1px solid #2e3c43 !important; */
  background-color: #3e4c58 !important;
}
.panel.elements ::shadow .outline-disclosure li.hovered:not(.selected) .selection,
.panel.console ::shadow .outline-disclosure li.hovered:not(.selected) .selection,
.panel.elements ::shadow .elements-disclosure li.hovered:not(.selected) .selection,
.panel.console ::shadow .elements-disclosure li.hovered:not(.selected) .selection {
  border-radius: 0 !important;
  background-color: #282e35 !important;
  border-top: 1px solid #282e35 !important;
  border-bottom: 1px solid #282e35 !important;
}
.outline-disclosure li.in-clipboard .highlight {
  outline: 1px dashed #546e7a !important;
}
/**********************************************
/* Element Highlighter
/**********************************************/
.paint-profiler-overview,
.paint-profiler-canvas-container canvas,
.paint-profiler-view canvas {
  background-color: #222 !important;
}
.progress-banner {
  background-color: rgba(111, 111, 111, 0.5) !important;
  color: #b1bdc4 !important;
}
.layers.panel .outline-disclosure li {
  margin-top: 2px !important;
}
.layers.panel .selection {
  height: 18px !important;
}
.sidebar-tree li {
  color: #b1bdc4 !important;
}
/**********************************************
/* Network Tab (uses _tables.less for list of nodes)
/**********************************************/
#network-container {
  border-top: none !important;
}
#network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
  text-decoration: none !important;
}
.data-grid {
  border: none !important;
}
.data-grid th.sort-ascending,
.data-grid th.sort-descending,
.data-grid th.sortable,
.data-grid .timeline-column {
  border-right: 1px solid #2e3c43 !important;
}
.data-grid .network-timeline-grid .resources-divider-label {
  color: #b1bdc4 !important;
}
.data-grid .network-timeline-grid .resources-divider {
  border-right: 1px solid #2e3c43;
}
.highlighted-row {
  -webkit-animation: "fadeout-revised" 2s 0s !important;
}
/*dropdownlist in network panel*/
.timeline-column option {
  color: #b1bdc4 !important;
  background: #111 !important;
}
.resource-view.image .title {
  color: #b1bdc4 !important;
}
.resource-view.image .infoList dt {
  color: #626262 !important;
  margin-bottom: 5px !important;
}
.resource-view.image .infoList dd {
  color: #b1bdc4 !important;
  margin-bottom: 5px !important;
}
.request-headers-view .header-name {
  color: #626262 !important;
}
.request-headers-view .header-value {
  color: #b1bdc4 !important;
}
.request-headers-view .caution {
  color: #ddbb00 !important;
}
/* Fallback Support */
.resource-source-frame-fallback {
  background-color: #282e35 !important;
  color: #b1bdc4 !important;
}
/* Network Timing Pane */
.resource-timing-view table {
  background-color: #282e35 !important;
  padding: 20px !important;
  border-radius: 4px;
  margin: 20px !important;
}
.resource-timing-view table td .network-timing-bar-title {
  color: #b1bdc4 !important;
  text-shadow: 0 1px 1px #2e3c43 !important;
}
.resource-timing-view .network-timing-table .footnote a,
.resource-timing-view .network-timing-table .network-timing-footer a {
  color: #c792ea;
}
#network-views .request-headers-view .parent,
.network .request-headers-view .parent {
  background-color: #282828 !important;
  color: #b1bdc4 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #151515 !important;
  line-height: 18px;
}
#network-views .script-view-fallback {
  background-color: #222 !important;
  color: #b1bdc4 !important;
}
.request-headers-view .outline-disclosure .header-count,
.request-headers-view .outline-disclosure .header-toggle {
  color: #80cbc4 !important;
  margin-left: 4px !important;
}
.request-headers-view .outline-disclosure .header-toggle:hover {
  text-shadow: 0 0 10px #80cbc4;
}
.network-cell-subtitle {
  color: #bfbfbf !important;
}
.network-log-grid.data-grid th {
  border-bottom: transparent !important;
}
.network.panel .panel-status-bar {
  border-bottom: none !important;
}
.data-grid .network-error-row,
.data-grid .network-error-row > td,
.data-grid .network-error-row .network-cell-subtitle {
  color: #ff5a5a !important;
}
/**********************************************/
/* Elements/Network
/**********************************************/
.panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) table,
.network-graph-bar,
.network-graph-label,
.network-graph-bar-area {
  color: #b1bdc4 !important;
}
.network-summary-bar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  border-top: none !important;
  color: #b1bdc4 !important;
}
.network-log-grid.data-grid .bottom-filler-td {
  background: none !important;
}
#network-views .resource-view.html {
  background-color: #fff !important;
}
/**********************************************
/* Profilers
/**********************************************/
#profile-views .data-grid td > div,
.profile-launcher-view label,
.retainers-view-header,
.profile-launcher-view-tree-item,
.sidebar-tree-section,
.resources-divider-label,
.panel:not(.timeline) .sidebar-tree-item,
.profile-entry-info,
::shadow .flame-chart-entry-info {
  color: #b1bdc4 !important;
}
.profile-entry-info,
::shadow .flame-chart-entry-info {
  text-shadow: 0 0 1px #263238;
  background-color: rgba(34, 34, 34, 0.9) !important;
  border-radius: 4px;
}
#profile-views .data-grid button {
  color: #bfbfbf !important;
}
.heap-snapshot-view tr:not(.selected) td.object-column span.highlight {
  background-color: #3e4c58 !important;
  border-radius: 3px;
}
.profiles-status-bar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
.profiles-status-bar .status-bar {
  background-color: transparent !important;
}
.profiles-status-bar .status-bar,
.retainers-view-header,
.heap-snapshot-view .class-view-toolbar {
  border-top: none !important;
  border-bottom: none !important;
}
input.status-bar-item {
  background-color: #2e3c43;
  color: #e6e6e6;
  border: 1px solid #2e3c43;
}
input.status-bar-item:hover,
input.status-bar-item:focus {
  border: 1px solid #2e3c43 !important;
}
.heap-snapshot-view .heap-snapshot-view-resizer {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
  color: #b1bdc4;
}
#profile-views .data-container .object-column {
  color: #b1bdc4;
}
#profile-views .data-container .object-column button {
  background: #111 !important;
  color: #cdd3de !important;
  border: none !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
#profile-views .data-container .object-column button:disabled {
  cursor: default !important;
  opacity: 0.3 !important;
}
#profile-views .data-container .object-column button:not(:disabled):active {
  box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
}
.data-grid td,
.heap-snapshot-stats-name,
.heap-snapshot-stats-size {
  color: #b1bdc4 !important;
}
/**********************************************
/* Resources Tab
/**********************************************/
.resources-status-bar .status-bar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  box-shadow: none !important;
  border-top: none !important;
}
/*-- WEB SQL --*/
.database-query-prompt {
  color: #b1bdc4 !important;
}
.database-user-query {
  border-top: 1px solid #263238 !important;
  border-bottom: 1px solid #080808 !important;
  padding-bottom: 10px !important;
}
.database-user-query + span {
  padding: 2px 0 !important;
  border-top: 1px solid #263238 !important;
  border-bottom: 1px solid #080808 !important;
  background-color: #282e35 !important;
  width: 100% !important;
}
.database-user-query .database-query-text {
  color: #b1bdc4 !important;
  width: 100% !important;
  display: inline-block !important;
  margin-bottom: 5px;
  margin-top: 2px;
}
.database-user-query::before,
.database-query-result::before {
  margin-top: -5px !important;
}
.database-user-query .error {
  color: #ff5a5a !important;
}
.indexed-db-database-view .outline-disclosure .attribute-name {
  color: #ffcb6b !important;
}
.indexed-db-database-view .outline-disclosure .attribute-value {
  color: #c3e88d !important;
}
/*************************************
 * Help/Settings Overlay
 *************************************/
.help-window-main {
  color: #b1bdc4 !important;
  /***************************************************
  /* Workspaces Dialog Box
  ****************************************************/
}
.help-window-main .settings-tab-container header {
  border-bottom: 1px solid #6f6f6f !important;
}
.help-window-main .help-footnote {
  border-top: 1px solid #6f6f6f !important;
}
.help-window-main label,
.help-window-main label:hover {
  color: #b1bdc4 !important;
}
.help-window-main .tabbed-pane-header-tab.selected {
  color: #80cbc4 !important;
}
.help-window-main .help-section-title {
  color: #80cbc4 !important;
}
.help-window-main .help-block label,
.help-window-main .help-block td {
  color: #b1bdc4 !important;
}
.help-window-main select,
.help-window-main input,
.help-window-main option {
  background-color: #282e35 !important;
  border-color: #2e3c43 !important;
  color: #e6e6e6 !important;
}
.help-window-main select:disabled,
.help-window-main input:disabled,
.help-window-main option:disabled {
  opacity: .3 !important;
}
.help-window-main select:focus,
.help-window-main input:focus,
.help-window-main option:focus {
  outline-color: none !important;
}
.help-window-main fieldset:disabled label {
  color: rgba(204, 204, 204, 0.3) !important;
}
.help-window-main select:disabled,
.help-window-main input:disabled,
.help-window-main .settings-tab-text-button:disabled {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.help-window-main .help-key-cell .help-key {
  color: #333333 !important;
}
.help-window-main .help-key-cell span {
  color: #eeeeee !important;
}
.help-window-main .settings-list-container {
  padding: 10px !important;
  background-color: #222 !important;
}
.help-window-main .settings-list {
  border: 1px solid #454545 !important;
}
.help-window-main .settings-list-item {
  background-color: #282e35 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #2e3c43 !important;
}
.help-window-main .settings-list-item.selected {
  background-color: rgba(150, 255, 150, 0.2) !important;
}
.help-window-main .settings-list-item:nth-child(1) {
  border-top: none !important;
}
.help-window-main .settings-list-item:last-child {
  border-bottom: none !important;
}
.help-window-main .file-system-path-name {
  color: #80cbc4 !important;
}
.file-system-path,
.list-column-text,
.settings-list-column-path {
  color: #b1bdc4 !important;
}
.list-column-editor {
  background-color: #282e35 !important;
  border: 1px solid #2e3c43 !important;
  color: #e6e6e6 !important;
}
.settings-dialog {
  border: 1px solid #454545 !important;
  background-color: #222 !important;
  border-radius: 4px !important;
}
.settings-dialog .dialog-contents label {
  color: #b1bdc4;
}
.settings-dialog .dialog-contents .header {
  color: #eeeeee !important;
}
.settings-dialog .dialog-contents .block-header {
  color: #80cbc4 !important;
}
.settings-dialog .settings-list-container {
  background-color: #444444 !important;
}
.settings-dialog .settings-list {
  border-color: #444444 !important;
  border-radius: 2px !important;
}
.settings-dialog .settings-list-item {
  background-color: #444444 !important;
  border-top: 1px solid #2e3c43 !important;
  /* testsasdf */
  border-bottom: 1px solid #2e3c43 !important;
  /* testsasdf */
  color: #333333 !important;
}
.settings-dialog .add-list-item {
  border-bottom: none !important;
}
.settings-dialog .file-mappings-list .settings-list-item:first-child,
.settings-dialog .excluded-folders-section .settings-list-item:first-child {
  border-top: none !important;
}
.swatch {
  width: 12px !important;
  height: 12px !important;
}
.blackbox-dialog .columns-header {
  color: #80cbc4 !important;
}
/**********************************************
/* Sources Tab
/**********************************************/
/*placeholder text when no file is open*/
.tabbed-pane-placeholder,
::shadow .tabbed-pane-placeholder {
  text-shadow: 0 1px 0 #181818 !important;
  color: #999999 !important;
}
/*-- Save Problem Overlay --*/
.source-frame-unsaved-committed-changes {
  background-color: #222 !important;
}
.source-frame-debugger-script {
  background-color: #222 !important;
}
.sidebar-pane {
  /* Breakpoints/Dom Breakpoints */
  /* Call Stack */
}
.sidebar-pane .breakpoints-list-deactivated {
  background-color: #282e35 !important;
  opacity: 0.3 !important;
}
.sidebar-pane .breakpoint-list li {
  color: #80cbc4 !important;
  border-top: 1px solid #343434 !important;
  border-bottom: 1px solid #101010 !important;
}
.sidebar-pane .breakpoint-list li:not(.breakpoint-hit):hover {
  background-color: #282e35 !important;
  border-top: 1px solid #343434 !important;
  border-bottom: 1px solid #101010 !important;
}
.sidebar-pane .breakpoint-hit {
  background: #3e4c58 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #2e3c43 !important;
  color: #eee !important;
}
.sidebar-pane .placard .title,
.sidebar-pane .placard .subtitle,
.sidebar-pane ::shadow .list-item .title,
.sidebar-pane ::shadow .list-item .subtitle {
  color: #b1bdc4 !important;
}
.sidebar-pane .placard:nth-of-type(2n),
.sidebar-pane ::shadow .list-item:nth-of-type(2n) {
  background: #2a2a2a !important;
}
.sidebar-pane .placard.selected,
.sidebar-pane ::shadow .list-item.selected {
  background: #3e4c58 !important;
  color: #e6e6e6 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #2e3c43 !important;
}
.sidebar-pane .placard.selected .title,
.sidebar-pane .placard.selected .subtitle,
.sidebar-pane ::shadow .list-item.selected .title,
.sidebar-pane ::shadow .list-item.selected .subtitle {
  color: #e6e6e6 !important;
}
.sidebar-pane .hidden-placards-message,
.sidebar-pane .callstack-info.status {
  background-color: #2e3c43 !important;
  color: #ddbb00;
}
.sidebar-pane .hidden-placards-message .node-link,
.sidebar-pane .callstack-info.status .node-link {
  color: #80cbc4;
}
.sidebar-pane > .body .placard + .info,
.sidebar-pane > .body ::shadow .list-item + .info {
  background: #111 !important;
  border-top: 0 !important;
  color: #80cbc4 !important;
  font-style: normal !important;
}
.breakpoints-deactivated .breakpoint-list {
  background-color: #b1bdc4 !important;
  opacity: .3 !important;
}
/*Pane Headers*/
.sidebar-pane-title {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  color: #b1bdc4;
  border-top: none !important;
  border-bottom: 1px solid #2e3c43 !important;
}
.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
  border-bottom: none !important;
}
.sidebar-pane .children.expanded,
li.breakpoint-hit .breakpoint-hit-marker {
  background-color: transparent !important;
}
.pane-title-button.add,
.sidebar-pane-toolbar > .pane-title-button.refresh {
  /*background-image: none !important;*/
  -webkit-background-position: -24px 0 !important;
  background-color: #b1bdc4 !important;
  -webkit-mask-repeat: no-repeat !important;
}
.pane-title-button.add {
  -webkit-mask-image: url(Images/paneAddButtons.png) !important;
}
.sidebar-pane-toolbar > .pane-title-button.refresh {
  -webkit-mask-image: url(Images/paneRefreshButtons.png) !important;
}
.panel.elements .sidebar-pane .sidebar-pane-toolbar .pane-title-button.element-state,
.panel.elements .sidebar-pane .sidebar-pane-toolbar .pane-title-button.animations-controls,
.panel.elements .sidebar-pane .sidebar-pane-toolbar .pane-title-button.add {
  background-color: #cdd3de !important;
}
.panel.elements .sidebar-pane .sidebar-pane-toolbar > .pane-title-button.element-state,
.panel.elements .sidebar-pane .sidebar-pane-toolbar > .pane-title-button.animations-controls,
.panel.elements .sidebar-pane .sidebar-pane-toolbar > .pane-title-button.add {
  background-image: none !important;
}
.panel.elements .sidebar-pane-toolbar > select > option,
.panel.elements .sidebar-pane-toolbar > select > hr {
  color: #b1bdc4 !important;
  background-color: #222 !important;
}
.panel.elements .sidebar-pane-toolbar > select.select-settings {
  /*background-image: none !important; */
  -webkit-background-position: -24px 0 !important;
  background-color: #b1bdc4 !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-image: url(Images/paneSettingsButtons.png) !important;
}
.panel.elements .sidebar-pane-toolbar .pane-title-button.element-state {
  -webkit-mask-image: url(Images/paneElementStateButtons.png) !important;
}
.panel.elements .sidebar-pane-toolbar .pane-title-button.animations-controls {
  -webkit-mask-image: url(Images/paneAnimationsButtons.png) !important;
}
.panel.elements .sidebar-pane-toolbar .pane-title-button.animations-controls {
  background-color: #000000 !important;
}
.panel.elements .sidebar-pane-toolbar .pane-title-button.element-state,
.panel.elements .sidebar-pane-toolbar .pane-title-button.animations-controls,
.panel.elements .sidebar-pane-toolbar .pane-title-button.add {
  background-color: #546e7a !important;
}
/* Highlight in Scripts  */
.webkit-highlighted-line.webkit-line-content {
  border-radius: 2px;
}
.webkit-highlighted-line.webkit-line-content * {
  color: #181818 !important;
}
/*exception icon state colors */
.scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
  background-color: #dc0303 !important;
}
.scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
  background-color: #d5bf00 !important;
}
.webkit-highlighted-line {
  background-color: #80cbc4 !important;
}
.alternate-status-bar-buttons-bar .scripts-pause,
.alternate-status-bar-buttons-bar .scripts-long-resume,
.alternate-status-bar-buttons-bar .status-bar-item {
  background-color: #282e35 !important;
  border: 1px solid #263238 !important;
}
.alternate-status-bar-buttons-bar .status-bar-item.emulate-active {
  background-color: #222 !important;
  border: 1px solid #2e3c43 !important;
}
.properties-tree li,
.outline-disclosure li::before,
.properties-tree li.parent {
  background-color: inherit !important;
  line-height: inherit !important;
}
.event-listener-breakpoints.properties-tree li {
  height: auto !important;
  padding-top: 0 !important;
}
.event-listener-breakpoints.properties-tree li:before {
  -webkit-mask-position: -4px -93px !important;
}
.event-listener-breakpoints.properties-tree li .checkbox-elem {
  top: 2px !important;
}
.event-listener-breakpoints.properties-tree li.parent .checkbox-elem {
  top: 3px !important;
}
.source-frame-infobar {
  color: #ddbb00;
  border-bottom: 1px solid #2e3c43 !important;
  background-color: #2e3c43 !important;
}
.source-frame-infobar-toggle-link {
  color: #80cbc4 !important;
}
.sidebar-pane-button-new-rule {
  background-color: #546e7a !important;
  background-image: none;
  -webkit-mask-image: url(Images/paneAddButtons.png) !important;
  -webkit-mask-position: 0 0 !important;
}
.sidebar-pane-button-new-rule:hover {
  -webkit-mask-position: -23px 0 !important;
}
.text-editor-value-decoration {
  background-color: #282e35 !important;
  color: #b1bdc4 !important;
  padding: 0 5px;
  border-radius: 2px !important;
  box-shadow: 0 1px 0 0 #2e3c43 !important;
  border-top: 1px solid #1c1c1c !important;
}
/**********************************************
/* Sources Panel Controls
/**********************************************/
.scripts-status-bar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  overflow: none !important;
}
.scripts-debug-toolbar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
}
.help-indent-labels label {
  color: #b1bdc4 !important;
}
.scripts-debug-toolbar-drawer {
  background-color: transparent !important;
  border-bottom: none !important;
  color: #b1bdc4 !important;
}
.CodeMirror .webkit-html-message-bubble {
  color: #111 !important;
  border-radius: 2px !important;
  padding: 2px !important;
}
.CodeMirror-linewidget .source-frame-breakpoint-condition {
  border-radius: 4px !important;
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
}
.CodeMirror-linewidget .source-frame-breakpoint-condition input {
  color: #b1bdc4 !important;
}
.CodeMirror-linewidget .source-frame-breakpoint-message {
  color: #80cbc4 !important;
}
.CodeMirror-linewidget #source-frame-breakpoint-condition {
  background-color: #222 !important;
  border: none !important;
  height: 22px !important;
}
/**********************************************
/* Timeline Tab
/**********************************************/
.timeline .panel-status-bar {
  color: #b1bdc4 !important;
}
.timeline-category-statusbar-item,
.timeline-records-stats,
.record-title,
.timeline-aggregated-category {
  text-shadow: none !important;
  color: #b1bdc4 !important;
}
#timeline-graphs .timeline-graph-side.hovered,
.timeline-records-list .timeline-tree-item.hovered:not(.selected) {
  background-color: #282e35 !important;
  outline: 1px solid #282e35 !important;
}
#timeline-graphs .timeline-graph-side.selected,
.timeline-records-list .timeline-tree-item.selected {
  background-color: #3e4c58 !important;
  outline: 1px solid #2e3c43 !important;
}
.timeline-records-list .timeline-tree-item {
  color: #b1bdc4 !important;
}
.timeline-records-list .timeline-tree-item .data.dimmed {
  color: #b1bdc4 !important;
  opacity: .7 !important;
}
/* Timeline */
.sidebar-tree-section {
  text-shadow: none !important;
}
.timeline-tree-item.selected .timeline-tree-item-expand-arrow,
.timeline-tree-item-expand-arrow {
  background-color: #8c8c8c !important;
}
#counter-values-bar,
#memory-graphs-container .sidebar-tree-section,
.timeline-records-title,
.timeline-details-view-title {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  color: #b1bdc4 !important;
  text-shadow: none !important;
}
#counter-values-bar {
  position: relative !important;
  top: 1px !important;
  border-bottom: none !important;
}
.timeline-aggregated-info-legend > div,
.memory-counter-sidebar-info {
  color: #b1bdc4 !important;
}
.timeline-details-view-row-title {
  color: #626262 !important;
}
.timeline-details-view-title {
  border-bottom: none !important;
}
.timeline-details-view-row-value,
.timeline-details-view-row-stack-trace {
  color: #b1bdc4 !important;
}
.timeline-details-view-row .timeline-details-view-row-stack-trace .webkit-html-resource-link {
  color: #c792ea !important;
}
#timeline-overview-sidebar {
  padding-right: 0 !important;
  border-right: 1px solid #263238 !important;
}
#timeline-overview-sidebar .sidebar-tree-item:hover {
  border-left: 6px solid #282e35 !important;
}
#timeline-overview-sidebar .sidebar-tree-item.selected {
  border-left: 6px solid #2e3c43 !important;
}
#timeline-overview-sidebar .sidebar-tree-item.selected .icon {
  background-color: #e6e6e6 !important;
}
#timeline-overview-sidebar .sidebar-tree-item.selected .title {
  color: #e6e6e6 !important;
}
#timeline-overview-sidebar .icon {
  background-color: #cdd3de !important;
}
#timeline-overview-sidebar .title {
  color: #cdd3de !important;
}
.timeline-cpu-curtain-left,
.timeline-cpu-curtain-right {
  background-color: #b1bdc4 !important;
  opacity: 0.3 !important;
}
.timeline-expandable {
  border-left: 1px solid #919#2e3c43598 !important;
}
.timeline-expandable-left {
  border-top: 1px solid #b1bdc4 !important;
  border-bottom: 1px solid #b1bdc4 !important;
}
.timeline-utilization-strip .timeline-graph-bar {
  border-color: rgba(200, 200, 200, 0.3) !important;
  background-color: rgba(200, 200, 200, 0.2) !important;
}
#timeline-overview-panel {
  border-bottom: 1px solid #505050 !important;
}
.timeline .resources-event-divider.timeline-frame-divider,
.resources-divider {
  background-color: #2a2a2a !important;
}
.panel:not(.network) .resources-dividers-label-bar {
  background: transparent !important;
  border-bottom: 1px solid #2e3c43 !important;
}
.panel #timeline-grid-header .resources-dividers-label-bar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
}
.overview-grid-dividers-background {
  background-color: red !important;
}
#timeline-overview-container {
  background-color: #222 !important;
}
#timeline-overview-container canvas {
  background-color: transparent !important;
}
.overview-grid-window-resizer {
  box-shadow: none !important;
}
.overview-grid-window-rulers {
  border-right: 1px solid #80cbc4;
  border-left: 1px solid #80cbc4;
  background: #80cbc4 !important;
  opacity: 0.2 !important;
}
.timeline-frame-strip {
  color: #b1bdc4 !important;
}
.overview-grid-dividers-background {
  background-color: #282e35 !important;
}
.overview-grid-window {
  background-color: #222 !important;
}
#memory-counters-graph {
  border-right: 1px solid #2a2a2a !important;
}
.timeline-frame-container {
  background: none !important;
}
#timeline-overview-panel .split-view-sidebar > label {
  color: #b1bdc4 !important;
}
.timeline-range-summary > div {
  color: #b1bdc4 !important;
}
.pie-chart-foreground {
  color: #b1bdc4;
}
.timeline-progress-pane {
  background-color: rgba(111, 111, 111, 0.5) !important;
  color: #b1bdc4 !important;
}
/* ==========================================================================
   Popovers
   ========================================================================== */
.popover {
  border-width: 0 !important;
  background: #282e35 !important;
}
.popover .arrow {
  background-image: url() !important;
}
.popover .content {
  border-radius: 3px !important;
  color: #b1bdc4 !important;
}
.popover .content .source-frame-popover-title {
  color: #ff8b3e !important;
}
.popover .content .source-frame-popover-tree {
  border-top: 1px solid #546e7a !important;
}
.popover .content .popover-details-title {
  color: #ddbb00 !important;
}
.popover .content .popover-details-row-title {
  color: #929ba2 !important;
}
.popover .content .network-timing-bar {
  background-color: #80cbc4 !important;
  border-left-color: #80cbc4 !important;
}
.popover .content .network-timing-bar-title {
  color: #b1bdc4 !important;
  text-shadow: 0 1px 1px #2e3c43;
}
.popover a.undefined {
  color: #c792ea !important;
}
.webkit-line-content .text-editor-overlay-highlight {
  background-color: #3e4c58 !important;
  outline: 1px solid #2e3c43 !important;
}
.spectrum-container {
  border: none !important;
  background: #111 !important;
  border-radius: 3px !important;
  padding: 7px 10px !important;
}
.spectrum-container .swatch {
  margin-right: 3px !important;
}
.spectrum-range-container {
  padding-bottom: 0 !important;
}
.spectrum-range-container input {
  position: static !important;
}
.bezier-icon {
  background-color: #80cbc4 !important;
}
.bezier-icon path {
  stroke: #263238 !important;
}
::shadow .bezier-preview-container {
  background: #b1bdc4 !important;
}
::shadow .bezier-preview-animation {
  background-color: #80cbc4 !important;
}
::shadow .bezier-curve circle.bezier-control-circle {
  fill: #80cbc4 !important;
}
::shadow .bezier-curve line.bezier-control-line {
  stroke: #80cbc4 !important;
}
::shadow .bezier-curve line.bezier-control-accent {
  stroke: #b1bdc4 !important;
}
::shadow .bezier-curve line.linear-line {
  stroke: #282e35 !important;
}
::shadow .bezier-curve path.bezier-path {
  stroke: #000 !important;
}
/**********************************************
/* Readability
/* -------------------------------------------
/* Adjust the line height for elements|sources
/* tab, find, and console.  Adjust margin-top
/* to line up expand/collapse arrow in
/* elements panel
/**********************************************/
.text-editor .inner-container .webkit-line-content,
.text-editor-lines .inner-container .webkit-line-number,
.styles-section .properties li,
.CodeMirror-lines,
#search-results-pane-file-based .search-match,
::shadow #search-results-pane-file-based .search-match {
  line-height: 14px !important;
}
.panel.elements .outline-disclosure li.parent::before {
  margin-top: 1px;
}
/**********************************************
/* Screencast
/**********************************************/
.screencast {
  background-color: #222 !important;
}
.screencast .screencast-viewport {
  background-color: #2e3c43;
  box-shadow: 0 0 2px 0 #80cbc4;
  margin: auto !important;
}
.screencast .screencast-navigation button {
  background-color: #80cbc4 !important;
  -webkit-mask-image: -webkit-image-set(url(Images/navigationControls.png) 1x, url(Images/navigationControls_2x.png) 2x);
  background-image: none !important;
  border: none !important;
  width: 21px !important;
  height: 21px !important;
  cursor: pointer !important;
}
.screencast .screencast-navigation button.back {
  -webkit-mask-position: 0 2px;
}
.screencast .screencast-navigation button.forward {
  -webkit-mask-position: -17px 2px;
}
.screencast .screencast-navigation button.reload {
  -webkit-mask-position: -36px 2px;
}
.screencast .screencast-navigation button[disabled] {
  background-color: #b1bdc4 !important;
  opacity: 1 !important;
  cursor: default !important;
}
.screencast .screencast-navigation .progress {
  background-color: #80cbc4 !important;
}
.screencast .screencast-navigation input {
  background: #282e35 !important;
  color: #e6e6e6 !important;
  border: 1px solid #2e3c43 !important;
}
/**********************************************
/* Scrollbars
/**********************************************/
::-webkit-scrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  width: 6px !important;
  height: 12px !important;
  border-radius: 25px !important;
  background-color: #37474f !important;
}
::-webkit-scrollbar-track:horizontal,
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
.custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal,
.custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
.custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal {
  -webkit-box-shadow: none !important;
  background: #111 !important;
}
::-webkit-scrollbar-track:vertical,
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
.custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical,
.custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
.custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical {
  -webkit-box-shadow: none !important;
  background: #111 !important;
}
::-webkit-scrollbar-corner,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
}
::-webkit-scrollbar-thumb {
  border-radius: 0px !important;
  background-color: #37474f !important;
  border: none!important;
}
::-webkit-scrollbar-thumb:horizontal {
  -webkit-box-shadow: none !important;
}
::-webkit-scrollbar-thumb:vertical {
  -webkit-box-shadow: none !important;
}
/*Popover scrollbar overrides */
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track,
.custom-popup-vertical-scroll ::-webkit-scrollbar-track,
.custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track,
.custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-image: none !important;
}
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb {
  -webkit-border-image: none !important;
}
.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical {
  -webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important;
}
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal {
  -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
}
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active,
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover,
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement,
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment,
.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active,
.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover,
.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement,
.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment {
  -webkit-border-image: none !important;
}
.custom-popup-horizontal-scroll ::-webkit-scrollbar,
.custom-popup-vertical-scroll ::-webkit-scrollbar {
  background: none !important;
}
/**********************************************
/* Elements/Sources Right Sidebar
/**********************************************/
.styles-section {
  padding: 4px 0 !important;
  margin: 0 10px;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: none !important;
}
.styles-section:first-child {
  border-top: none !important;
}
.styles-section.read-only:not(.computed-style) {
  background-color: #222 !important;
  margin: 0;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.styles-section .value {
  color: #fbe793 !important;
  font-weight: 600;
}
.styles-section .child-editing,
.styles-section .header .subtitle {
  color: #999999 !important;
}
.styles-section .properties .overloaded,
.styles-section .properties .inactive,
.styles-section .properties .disabled,
.styles-section .properties .not-parsed-ok {
  opacity: .5 !important;
}
.event-bars .event-bar .header .title {
  text-shadow: none !important;
  color: #b1bdc4 !important;
}
.sidebar-pane {
  /*-- METRICS--*/
}
.sidebar-pane .body,
.sidebar-pane .monospace {
  color: #b1bdc4 !important;
}
.sidebar-pane .section.expanded > .header {
  border-bottom: 1px solid #2e3c43 !important;
}
.sidebar-pane .section.expanded > .properties-tree {
  background-color: #222 !important;
}
.sidebar-pane .body .metrics {
  color: #000 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #2e3c43 !important;
  margin-top: 5px !important;
}
.sidebar-pane .body .metrics .position,
.sidebar-pane .body .metrics .margin:not([style^=background-color]),
.sidebar-pane .body .metrics .border:not([style^=background-color]),
.sidebar-pane .body .metrics .padding:not([style^=background-color]),
.sidebar-pane .body .metrics .margin:not([style^=background-color]),
.sidebar-pane .body .metrics .content:not([style^=background-color]) {
  background-color: #546e7a !important;
}
.sidebar-pane .section:first-child {
  border-top: none !important;
}
.styles-section.first-styles-section,
.sidebar-separator + .styles-section {
  border-top: none !important;
}
.sidebar-separator {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  color: #b1bdc4 !important;
  text-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
/*-- PSEUDO STATE DISPLAY --*/
.styles-element-state-pane {
  background: #313131 !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid #2e3c43 !important;
}
.styles-element-state-pane.expanded {
  margin-top: 0 !important;
}
.sidebar-pane-stack .event-category,
.sidebar-pane .section,
.events-pane > ol > li.parent {
  border-top: 1px solid #343434 !important;
  border-bottom: 1px solid #101010 !important;
  margin-top: 0 !important;
}
/**********************************************
/* Resources & Sources Sidebar
/**********************************************/
.panel:not(.elements):not(.console) {
  /*-- currently selected element --*/
}
.panel:not(.elements):not(.console) .base-storage-tree-element-title,
.panel:not(.elements):not(.console) .base-storage-tree-element-subtitle,
.panel:not(.elements):not(.console) .base-navigator-tree-element-title {
  color: #b1bdc4 !important;
  top: 0 !important;
}
.panel:not(.elements):not(.console) .selected .base-storage-tree-element-title,
.panel:not(.elements):not(.console) .selected .base-storage-tree-element-subtitle,
.panel:not(.elements):not(.console) .selected .base-navigator-tree-element-title {
  color: #e6e6e6 !important;
  text-shadow: none !important;
}
.panel:not(.elements):not(.console) .sidebar li {
  color: #b1bdc4 !important;
}
.panel:not(.elements):not(.console) .outline-disclosure li.selected .selection {
  background: #3e4c58 !important;
  color: #e6e6e6 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #2e3c43 !important;
  margin-top: -1px !important;
}
.panel:not(.elements):not(.console) .outline-disclosure li:hover:not(.selected) .selection,
.panel:not(.elements):not(.console) .outline-disclosure li.hovered:not(.selected) .selection {
  display: block !important;
  background: #282e35 !important;
  border-top: 1px solid #282e35 !important;
  border-bottom: 1px solid #282e35 !important;
  margin-top: -1px !important;
  height: 18px !important;
  border-radius: 0 !important;
}
.panel:not(.elements):not(.console) .outline-disclosure ol:focus li.selected .selection {
  background: #3e4c58 !important;
  color: #e6e6e6 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: 1px solid #2e3c43 !important;
  margin-top: -1px !important;
  text-shadow: none !important;
}
.panel:not(.elements):not(.console) .sidebar-overlay {
  border-right: 1px solid #2a2a2a !important;
  box-shadow: #141414 5px 0px 22px 3px !important;
}
.sidebar li.selected .selection {
  background-image: none !important;
  border: none !important;
}
/************************************************
/* Status bar
/************************************************/
select.status-bar-item,
select.status-bar-item:hover,
::shadow select.status-bar-item,
.toolbar::shadow select.toolbar-item,
.toolbar::shadow select.toolbar-item:hover,
::shadow .toolbar::shadow select.toolbar-item {
  color: #b1bdc4 !important;
  text-shadow: none !important;
  border-left: 1px solid #2e3c43 !important;
  border-right: 1px solid #2e3c43 !important;
  background: inherit !important;
  border-top: none !important;
  border-bottom: none !important;
}
select.status-bar-item option,
.toolbar::shadow select.toolbar-item option {
  background-color: #222 !important;
}
.status-bar-items {
  border-left: none !important;
}
/*text color of status bar labels */
.status-bar label[for=search-replace-trigger],
#bottom-status-bar-container .type,
#bottom-status-bar-container .timeline-records-stats,
.source-frame-cursor-position,
.search-status-bar-summary .search-message,
.search-results-status-bar-message,
::shadow .search-status-bar-summary .search-message {
  text-shadow: none !important;
  color: #b1bdc4 !important;
}
/*-- GLYPHS --*/
button.scripts-step-over .glyph .toggled-on .long-click-glyph,
button.scripts-step-into .glyph .toggled-on .long-click-glyph,
button.scripts-step-out .glyph .toggled-on .long-click-glyph,
.filters-toggle.toggled-active .glyph .toggled-on .long-click-glyph,
button.status-bar-item.toggled-on .glyph .toggled-on .long-click-glyph,
button.status-bar-item.toggled-on .glyph:not(.shadow) .toggled-on .long-click-glyph,
button.clear-status-bar-item:active .glyph .toggled-on .long-click-glyph,
button.garbage-collect-status-bar-item:active .glyph .toggled-on .long-click-glyph,
button.glue-async-status-bar-item:active .glyph .toggled-on .long-click-glyph,
.filters-toggle.toggled-shown .glyph .toggled-on .long-click-glyph,
::shadow .toggled-on .long-click-glyph {
  background-color: #80cbc4 !important;
}
button.scripts-step-over .glyph .long-click-glyph,
button.scripts-step-into .glyph .long-click-glyph,
button.scripts-step-out .glyph .long-click-glyph,
.filters-toggle.toggled-active .glyph .long-click-glyph,
button.status-bar-item.toggled-on .glyph .long-click-glyph,
button.status-bar-item.toggled-on .glyph:not(.shadow) .long-click-glyph,
button.clear-status-bar-item:active .glyph .long-click-glyph,
button.garbage-collect-status-bar-item:active .glyph .long-click-glyph,
button.glue-async-status-bar-item:active .glyph .long-click-glyph,
.filters-toggle.toggled-shown .glyph .long-click-glyph,
::shadow .long-click-glyph {
  background-color: #b1bdc4 !important;
}
.toolbar-background button.status-bar-item .glyph,
.toolbar-background button.status-bar-item .long-click-glyph {
  background-color: #b1bdc4 !important;
}
#scripts-debugger-status {
  color: #80cbc4 !important;
}
button.scripts-step-over:disabled .glyph,
button.scripts-step-into:disabled .glyph,
button.scripts-step-out:disabled .glyph {
  background-color: #222 !important;
}
.sources-status-bar,
.panel-status-bar,
.resources-status-bar .status-bar,
.overrides-footer,
.status-bar,
::shadow .search-bar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  border-top: none!important;
  color: #b1bdc4 !important;
}
.checkbox-filter-checkbox,
label.checkbox,
.checkbox-filter-checkbox-check,
.filter-checkbox-filter .type,
#text-filter-regex + label {
  color: #b1bdc4 !important;
}
.checkbox-filter-checkbox {
  background: #fff !important;
}
.filter-bitset-filter li {
  padding: 2px 6px !important;
  margin: auto 2px !important;
  border-radius: 8px !important;
}
.status-bar-select-arrow {
  position: relative !important;
  right: 5px !important;
}
.event-listener-breakpoints .checkbox-elem {
  top: 0 !important;
}
.save-device-button,
.remove-device-button {
  background: #111 !important;
  color: #cdd3de !important;
  border: none !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.save-device-button:disabled,
.remove-device-button:disabled {
  cursor: default !important;
  opacity: 0.3 !important;
}
.save-device-button:not(:disabled):active,
.remove-device-button:not(:disabled):active {
  box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
}
/**********************************************
/* Suggest Box
/**********************************************/
.suggest-box {
  color: #000 !important;
  background-color: #222 !important;
  border: 2px rgba(0, 0, 0, 0.2) solid !important;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1) !important;
}
.suggest-box-content-item.source-code:hover {
  background-color: #282e35 !important;
  border: 1px solid #b1bdc4 !important;
}
.suggest-box-content-item.source-code.selected {
  background-color: #282e35 !important;
}
.suggest-box .source-code .prefix {
  color: #80cbc4 !important;
}
.suggest-box .source-code .suffix {
  color: #d9d9d9 !important;
}

/**********************************************
/* Code Highlighting
/**********************************************/

.cm-js-atom {
  color: #80cbc4 !important;
}
.cm-js-attribute {
  color: #4e87bf !important;
}
.cm-js-builtin {
  color: #8da6ce !important;
}
.cm-js-comment {
  color: #546e7a !important;
  font-style: italic;
}
.cm-js-def {
  color: #c792ea !important;
  font-weight: 600;
}
.cm-js-error {
  background: #9D1E15 !important;
  color: #f8f8f8 !important;
}
.cm-js-header {
  color: #ff6400 !important;
}
.cm-js-hr {
  color: #aeaeae !important;
}
.cm-js-keyword {
  color: #c792ea !important;
  font-style: italic;
}
.cm-js-link {
  color: #8da6ce !important;
}
.cm-js-meta {
  color: #d8fa3c !important;
}
.cm-js-number,
.section .properties .number,
.event-properties .number {
  color: #80cbc4 !important;
}
.cm-js-operator {
  color: #c3e88b !important;
}
.cm-js-property {
  color: #76aeff !important;
}
.cm-js-string {
  color: #c792ea !important;
}
.cm-js-string-2 {
  color: #c792ea !important;
}
.cm-js-tag {
  color: #929ba2 !important;
}
.cm-js-variable {
  color: #80cbc4 !important;
}
.cm-js-variable-2 {
  color: #ffcb6b !important;
}
.source-frame-eval-expression {
  background-color: #3e4c58 !important;
  border-color: #2e3c43 !important;
}
.cm-atom {
  color: #80cbc4 !important;
}
.cm-comment {
  color: #546e7a !important;
  font-style: italic;
}
.cm-variable {
  color: #b1bdc4 !important;
}
.cm-string {
  color: #c792ea !important;
}
.cm-keyword {
  color: #fbe793 !important;
  font-style: italic;
}
.cm-number {
  color: #80cbc4 !important;
}
.cm-operator {
  color: #80cbc4 !important;
}
.cm-error {
  background: #9D1E15 !important;
  color: #f8f8f8 !important;
}
.cm-s-default .cm-property {
  color: #b1bdc4 !important;
}
/*--CSS--*/
.cm-css-atom {
  color: #80cbc4 !important;
}
.cm-css-builtin {
  color: #fad431 !important;
}
.cm-css-def {
  color: #fad431 !important;
}
.cm-css-comment {
  color: #546e7a !important;
  font-style: italic;
}
.cm-css-meta {
  color: #fbe793 !important;
}
.cm-css-number {
  color: #fb516d !important;
}
.cm-css-operator {
  color: #fad431 !important;
}
.cm-css-property {
  color: #fad431 !important;
}
.cm-css-qualifier {
  color: #fad431 !important;
}
.cm-css-string {
  color: #c792ea !important;
}
.cm-css-string-2 {
  color: #80cbc4 !important;
}
.cm-css-tag {
  color: #fad431 !important;
}
.cm-css-variable {
  color: #fad431 !important;
}
.cm-css-variable-2 {
  color: #fad431 !important;
}
/*--HTML--*/
.cm-xml-comment {
  color: #6c6c6c !important;
  font-style: italic !important;
}
.cm-xml-error {
  color: #bf4c4c !important;
}
.cm-xml-string {
  color: #fbe793 !important;
}
.cm-xml-tag {
  color: #929ba2 !important;
}
.cm-xml-attribute {
  color: #80cbc4 !important;
}
.cm-xml-link {
  color: #c792ea !important;
}
::shadow .webkit-html-fragment {
  color: #ddbb00 !important;
}
.outline-disclosure ol li .highlight {
  color: #ddbb00 !important;
}
/*--GLOBAL--*/
.CodeMirror-code {
  color: #b1bdc4;
}
/**********************************************
/* Code Highlighting [WEBKIT]
/**********************************************/

.cm-js-atom {
  color: #89f5a2 !important;
}
.cm-js-attribute {
  color: #4e87bf !important;
}
.cm-js-builtin {
  color: #8da6ce !important;
}
.cm-js-comment {
  color: #676767 !important;
  font-style: italic;
}
.cm-js-def {
  color: #49a6d2 !important;
}
.cm-js-error {
  background: #9D1E15 !important;
  color: #f8f8f8 !important;
}
.cm-js-header {
  color: #ff6400 !important;
}
.cm-js-hr {
  color: #aeaeae !important;
}
.cm-js-keyword {
  color: #8b6ccf !important;
  font-style: italic;
}
.cm-js-link {
  color: #8da6ce !important;
}
.cm-js-meta {
  color: #d8fa3c !important;
}
.cm-js-number {
  color: #89f5a2 !important;
}
.cm-js-operator {
  color: #cdb943 !important;
}
.cm-js-property {
  color: #cdb943 !important;
}
.cm-js-string {
  color: #f07b3c !important;
}
.cm-js-string-2 {
  color: #f07b3c !important;
}
.cm-js-tag {
  color: #49a6d2 !important;
}
.cm-js-variable {
  color: #EDDFAF !important;
}
.cm-js-variable-2 {
  color: #EDDFAF !important;
}
.source-frame-eval-expression {
  background-color: #424242 !important;
  border-color: #686868 !important;
}
.cm-atom {
  color: #89f5a2 !important;
}
.cm-comment {
  color: #676767 !important;
  font-style: italic;
}
.cm-variable {
  color: #EDDFAF !important;
}
.cm-string {
  color: #f07b3c !important;
}
.cm-keyword {
  color: #8b6ccf !important;
  font-style: italic;
}
.cm-number {
  color: #89f5a2 !important;
}
.cm-operator {
  color: #cdb943 !important;
}
.cm-error {
  background: #9D1E15 !important;
  color: #f8f8f8 !important;
}
.cm-s-default .cm-property {
  color: #EDDFAF !important;
}
.cm-css-atom {
  color: #EDDFAF !important;
}
.cm-css-builtin {
  color: #ff9635 !important;
}
.cm-css-def {
  color: #ff9635 !important;
}
.cm-css-comment {
  color: #676767 !important;
  font-style: italic;
}
.cm-css-meta {
  color: #EDBF82 !important;
}
.cm-css-number {
  color: #EDDFAF !important;
}
.cm-css-operator {
  color: #EDDFAF !important;
}
.cm-css-property {
  color: #EDBF82 !important;
}
.cm-css-qualifier {
  color: #ff9635 !important;
}
.cm-css-string {
  color: #e3b959 !important;
}
.cm-css-string-2 {
  color: #EDDFAF !important;
}
.cm-css-tag {
  color: #ff9635 !important;
}
.cm-css-variable {
  color: #ff9635 !important;
}
.cm-css-variable-2 {
  color: #ff9635 !important;
}
.cm-xml-comment {
  color: #969896 !important;
  font-style: italic !important;
}
.cm-xml-error {
  color: #bf4c4c !important;
}
.cm-xml-string {
  color: #b9ca4a !important;
}
.cm-xml-tag {
  color: #d54e53 !important;
}
.cm-xml-attribute {
  color: #e78c45 !important;
}
.cm-xml-link {
  color: #7aa6da !important;
}
.shadow-root .webkit-html-fragment.shadow-root {
  color: #ddbb00 !important;
}
.outline-disclosure ol li .highlight {
  color: #ddbb00 !important;
}
.CodeMirror-code {
  color: #EDDFAF;
}
.webkit-html-attribute-name {
  color: #90BDE8 !important;
}
.webkit-html-attribute-value {
  color: #76BA53 !important;
}
.webkit-html-comment {
  color: #969896 !important;
  font-style: italic;
}
.webkit-html-resource-link,
.webkit-html-external-link {
  color: #EA9C77 !important;
  text-decoration: none !important;
}
.webkit-line-gutter-backdrop + table .webkit-html-external-link {
    color: #d33682 !important; }
.webkit-html-tag,
.webkit-html-tag-name {
  color: #4B9CE9 !important;
}
.webkit-html-text-node,
.webkit-html-css-node,
.webkit-html-js-node {
  color: #85b7f1 !important;
}
.webkit-html-pseudo-element {
  color: #c3d7ee !important;
}
.selector-matches {
  color: #ff9635 !important;
}
.webkit-css-selector {
  color: #ff9635 !important;
}
.webkit-css-at-rule {
  color: #b094bb !important;
}
.webkit-css-color {
  color: #ff9635 !important;
}
.webkit-css-comment {
  color: #676767 !important;
}
.webkit-css-important {
  color: #ff0000 !important;
}
.webkit-css-keyword {
  color: #EA9C77 !important;
}
.webkit-css-number {
  color: #EDDFAF !important;
}
.webkit-css-property,
.styles-section .properties > li .webkit-css-property {
  color: #EDBF82 !important;
  font-weight: 400;
}
.webkit-css-string {
  color: #e3b959 !important;
}
.webkit-css-url {
  color: #7aa6da !important;
}
.section .properties .name,
.event-properties .name,
.console-formatted-object .name {
  color: #77a8c6 !important;
}
.console-formatted-object,
.console-formatted-array {
  color: #7c7c7c !important;
}
.console-formatted-function {
  color: #8b6ccf !important;
}
.console-formatted-number {
  color: #89f5a2 !important;
}
.console-formatted-boolean {
  color: #89f5a2 !important;
}
.console-object-preview {
  color: #dddddd !important;
}
.console-formatted-regexp {
  color: #ff54e8 !important;
}
.console-formatted-string {
  color: #ff8737 !important;
}
.console-formatted-undefined {
  color: #ad4e4e !important;
}
.json .title {
  color: #EDDFAF !important;
}
.json .separator {
  color: #919191 !important;
}


/**********************************************/
/* Tables
/**********************************************/
.data-grid {
  border: 1px solid #151515 !important;
  background-color: transparent !important;
  background-image: none !important;
}
.data-grid th,
.data-grid .data {
  background: none !important;
  border-left: 1px solid #2e3c43 !important;
}
.data-grid .header {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
}
.data-grid .header th {
  color: #80cbc4 !important;
}
.data-grid .header .key-column,
.data-grid .header .value-column {
  border: none !important;
}
.data-grid td {
  border-left: 1px solid #282828 !important;
}
.data-grid .data-container a {
  text-decoration: none;
  color: #c792ea !important;
}
.data-grid .data-container tr:nth-child(odd) {
  background-color: #222 !important;
}
.data-grid .data-container tr:nth-child(even) {
  background-color: #282e35 !important;
}
.data-grid .data-container tr:not(.selected):not(.filler):hover {
  background-color: #282e35 !important;
  outline: 1px solid #414141 !important;
}
.data-grid .data-container tr.selected {
  background-color: #3e4c58 !important;
  outline: 1px solid #2e3c43 !important;
}
.data-grid .data-container tr .editing * {
  color: #FFF !important;
  background-color: #222 !important;
}
/***********************/
/* Tabbed Panes
/***********************/
.tabbed-pane:not(.help-window-main) .tabbed-pane-header {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;

  border-bottom: none;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab {
  border-top: 2px solid #b1bdc4 !important;
  border-left: none !important;
  border-right: none !important;
  padding: 2px 7px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 1px !important;
  border-color: transparent !important;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab:hover {
  color: #f8f8f8 !important;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab.selected {
  background: none !important;
  border-top: 2px solid #80cbc4 !important;
  color: #f8f8f8 !important;
  font-size: 1em;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .editor-container-unsaved-committed-changes-icon + .tabbed-pane-header-tab-title {
  color: #ddbb00;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-contents {
  color: #999999 !important;
}
.tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab-title {
  line-height: 16px !important;
}
.tabbed-pane:not(.help-window-main) .overrides-view .tabbed-pane-header-tab {
  border-top: none !important;
  margin-left: 6px !important;
}
.tabbed-pane:not(.help-window-main) .overrides-view .tabbed-pane-header-tab.selected {
  border-top: none !important;
  border-left: 6px solid #80cbc4 !important;
  margin-left: 0 !important;
}
.tabbed-pane-content not(.overrides-view) .tabbed-pane-header {
  flex: 0 0 25px !important;
}
.tabbed-pane-content not(.overrides-view) .tabbed-pane-header .tabbed-pane-header-tab {
  height: 25px !important;
  line-height: 18.75px !important;
  cursor: pointer !important;
}
#drawer-contents .tabbed-pane-header,
.inactive #drawer-contents .tabbed-pane-header {
  border-top: none !important;
  border-bottom: #b1bdc4 !important;
}
.tabbed-pane-tab-slider,
::shadow .tabbed-pane-tab-slider {
  display: none !important;
}
body .toolbar-background,
body.undocked.platform-mac-mountain-lion.inactive .toolbar-background,
body.undocked.platform-mac-mountain-lion .toolbar-background,
body.platform-mac-mountain-lion.inactive .toolbar-background,
body.platform-mac-mountain-lion .toolbar-background,
body.undocked.platform-mac.inactive .toolbar-background,
body.undocked.platform-mac .toolbar-background,
body.inactive .toolbar-background,
body:not(.undocked) .toolbar-background {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  border-bottom: none !important;
}
select.tabbed-pane-header-tabs-drop-down-select {
  background-color: #222 !important;
  color: #b1bdc4 !important;
}
.toolbar .tabbed-pane-header .tabbed-pane-header-tab {
  height: 34px !important;
  line-height: 25.5px !important;
  padding: 2px 4px !important;
  cursor: pointer !important;
  border-image: none !important;
}
.toolbar .tabbed-pane-header .tabbed-pane-header-tabs-drop-down {
  line-height: 30.6px;
}
.toolbar .toolbar-controls-left,
.toolbar .toolbar-controls-right {
  padding-top: 6px !important;
  border-bottom: 1px solid #2e3c43 !important;
}
#network-views .network-item-view .tabbed-pane-header {
  padding-top: 0 !important;
}
#network-views .network-item-view .tabbed-pane-header .tabbed-pane-header-tab {
  height: 31px !important;
}
#network-views .network-item-view .tabbed-pane-header .tabbed-pane-header-tab-title {
  line-height: 21px !important;
}
#network-views.small .network-item-view .tabbed-pane-header .tabbed-pane-header-tab-title {
  line-height: 12px !important;
}
.tabbed-pane-header-tabs-drop-down {
  color: #999 !important;
}
.split-view.hbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
  border-left: 2px solid #2e3c43 !important;
}
.split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
  border-right: 2px solid #2e3c43 !important;
}
.tabbed-pane-header-tab {
  width: auto !important;
}
.filter-bitset-filter li,
.filter-bitset-filter li.selected,
.filter-bitset-filter li:hover,
.filter-bitset-filter li:active {
  text-shadow: 0 0 0 #b1bdc4 !important;
  color: #b1bdc4 !important;
}
.filter-bitset-filter li:hover {
  background: #2e3c43 !important;
}
.filter-bitset-filter li.selected {
  color: #f2f2f2 !important;
  background: #282e35 !important;
}
.filter-bitset-filter li.selected.error {
  background: #ff5a5a !important;
}
.filter-bitset-filter li.selected.warning {
  background: #ddbb00 !important;
}
.filter-bitset-filter li.selected.info {
  background: #80cbc4 !important;
}
.filter-bitset-filter li.selected.log {
  background: #929ba2 !important;
}
.filter-bitset-filter li.selected.debug {
  background: #fc844c !important;
}
.network-filters-header,
.console-filters-header,
.timeline-filters-header {
  background: #2e3c43;
}
/*separator between all | rest of options*/
.filter-bitset-filter-divider {
  background-color: #2e3c43 !important;
}
.status-bar-counter,
body .inspector-view-toolbar.status-bar::shadow .status-bar-item {
  color: #b1bdc4 !important;
}
.status-bar-counter:hover {
  border-bottom: none !important;
}
.tabbed-pane-header-tabs-drop-down > select.drop-down-menu option {
  background-color: #222 !important;
  color: #b1bdc4 !important;
}
.overrides-splash-screen {
  color: #b1bdc4 !important;
}
.overrides-splash-screen .glyph {
  background-color: #b1bdc4 !important;
}
.tabbed-pane-header-tab.overrides-activate .tabbed-pane-header-tab-title::after {
  color: #80cbc4 !important;
}
::shadow .shadow-split-view.hbox.shadow-split-view-first-is-sidebar > .shadow-split-view-sidebar:not(.maximized) {
  border-right: 2px solid #2e3c43 !important;
}
::shadow .shadow-split-view.hbox > .shadow-split-view-sidebar:not(.maximized) {
  border-left: 2px solid #2e3c43 !important;
}
::shadow .shadow-split-view.vbox > .shadow-split-view-resizer > .shadow-split-view-resizer-border {
  border-top: none !important;
}
::shadow .status-bar-item > .glyph,
::shadow .shadow-split-view button.sidebar-show-hide-button {
  background-color: #b1bdc4 !important;
}
::shadow .status-bar-item[disabled] {
  opacity: 0.5 !important;
}
::shadow button.status-bar-item.toggled-on .glyph,
::shadow .filter-status-bar-item.toggled-shown .glyph,
::shadow button.status-bar-item:not([disabled]):active .glyph {
  background-color: #80cbc4 !important;
}


@-webkit-keyframes fadeout-revised {
  0% {
    background-color: #3e4c58;

  }
  50% {
    background-color: #3e4c58;

  }
  100% {
    background-color: #263238;
    outline: 1px solid #263238;
  }
}
body ::shadow .editing {
  background-color: #222 !important;
  outline: 1px solid #80cbc4 !important;
  color: #b1bdc4 !important;
}
body ::shadow .CodeMirror {
  outline: none !important;
  border: 1px solid #2e3c43 !important;
  border-radius: 5px;
  box-shadow: inset 0 0 15px 0 rgba(17, 17, 17, 0.6) !important;
  margin: 10px 0;
  padding: 10px 0 0 10px !important;
  color: #b1bdc4 !important;
}
body ::shadow ::-webkit-scrollbar,
body ::shadow .CodeMirror-scrollbar-filler,
body ::shadow .CodeMirror-gutter-filler {
  width: 12px !important;
  height: 12px !important;
  background-color: #222 !important;
}
body ::shadow ::-webkit-scrollbar-track:horizontal,
body ::shadow .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
body ::shadow .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal,
body ::shadow .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
body ::shadow .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal {
  -webkit-box-shadow: none !important;
  background: #282e35 !important;
}
body ::shadow ::-webkit-scrollbar-track:vertical,
body ::shadow .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
body ::shadow .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical,
body ::shadow .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
body ::shadow .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical {
  -webkit-box-shadow: none !important;
  background: #282e35 !important;
}
body ::shadow ::-webkit-scrollbar-corner,
body ::shadow .CodeMirror-scrollbar-filler,
body ::shadow .CodeMirror-gutter-filler {
  -webkit-box-shadow: none !important;
  background: #282e35 !important;
}
body ::shadow ::-webkit-scrollbar-thumb {
  border-radius: 0px !important;
  background-color: #222 !important;
  border: none !important;
}
body ::shadow ::-webkit-scrollbar-thumb:horizontal {
  -webkit-box-shadow: none !important;
}
body ::shadow ::-webkit-scrollbar-thumb:vertical {
  -webkit-box-shadow: none !important;
}
body ::shadow .styles-section.matched-styles .properties li.parent.expanded .expand-element,
body ::shadow #console-messages .console-group-messages .section.expanded .header::before,
body ::shadow #console-messages .properties-tree li.parent.expanded::before,
body ::shadow .outline-disclosure li.parent.expanded::before,
body ::shadow .properties-tree li.parent.expanded::before,
body ::shadow .section.expanded > .header::before,
body ::shadow .section .event-bar.expanded .header::before,
body ::shadow .sidebar-pane .parent.expanded::before,
body ::shadow .sidebar-pane-stack .sidebar-pane-title.expanded::before,
body ::shadow .timeline-expandable-expanded .timeline-expandable-arrow {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-mask-position: -4px -96px !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-transform: rotate(90deg);
}
body ::shadow .sidebar-pane-stack .sidebar-pane-title.expanded::before {
  -webkit-transform: rotate(90deg) translateX(2px);
}
body ::shadow .styles-section.matched-styles .properties li.parent .expand-element,
body ::shadow #console-messages .console-group-messages .section .header::before,
body ::shadow #console-messages .properties-tree li.parent::before,
body ::shadow .outline-disclosure li.parent::before,
body ::shadow #search-results-pane-file-based .parent::before,
body ::shadow .properties-tree li.parent::before,
body ::shadow .section > .header::before,
body ::shadow .section .event-bar .header::before,
body ::shadow .sidebar-pane .parent::before,
body ::shadow .sidebar-pane-stack .sidebar-pane-title::before,
body ::shadow .timeline-expandable-collapsed .timeline-expandable-arrow,
body ::shadow ::shadow #search-results-pane-file-based .parent::before {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-mask-position: -4px -96px !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-transform: rotate(0deg);
}
body ::shadow .data-grid th.sort-ascending > div::after {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-mask-position: -4px -96px !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -4px -108px !important;
}
body ::shadow .data-grid th.sort-descending > div::after {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-mask-position: -4px -96px !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -20px -96px !important;
}
body ::shadow #search-results-pane-file-based .parent.expanded::before,
body ::shadow ::shadow #search-results-pane-file-based .parent.expanded::before {
  -webkit-mask-position: -20px -96px !important;
}
body ::shadow #search-results-pane-file-based .parent.expanded::before,
body ::shadow ::shadow #search-results-pane-file-based .parent.expanded::before {
  -webkit-mask-position: -20px -93px !important;
}
body ::shadow #search-results-pane-file-based .parent::before,
body ::shadow ::shadow #search-results-pane-file-based .parent::before {
  -webkit-mask-position: -4px -93px !important;
}
body ::shadow .panel.network .outline-disclosure li.parent::before {
  top: 3px !important;
}
body ::shadow .sidebar-tabbed-pane .section > .header::before,
body ::shadow .event-bars .event-bar .header::before {
  margin-top: 3px !important;
}
body ::shadow .status-bar-select-arrow {
  background-color: #8c8c8c !important;
  background-image: none !important;
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  -webkit-mask-position: -4px -96px !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -webkit-mask-position: -20px -96px !important;
}
body /deep/ .highlighted-search-result {
  color: #000000 !important;
  border-radius: 2px !important;
  font-size: 1em !important;
  background-color: #80cbc4 !important;
  box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important;
}
.timeline-aggregated-category + span {
  text-shadow: none !important;
  color: #b1bdc4 !important;
}
.glyph {
  background-color: rgba(140, 140, 140, 0.7) !important;
}
::shadow .crumbs {
  text-shadow: none !important;
  color: #b1bdc4 !important;
}
::shadow .crumbs .crumb {
  -webkit-border-image: none !important;
  border-left: 1px solid #2e3c43 !important;
  border-right: 1px solid #282e35 !important;
  padding: 0 10px !important;
  margin: 0 !important;
  line-height: 18px !important;
}
::shadow .crumbs .crumb:hover {
  color: #f8f8f8 !important;
  background-color: #b1bdc4 !important;
}
::shadow .crumbs .crumb.selected {
  background-color: #3e4c58 !important;
  text-shadow: none !important;
  color: #f8f8f8 !important;
  cursor: default;
}
.image-view .title {
  color: #b1bdc4 !important;
}
.image-view .infoList dt {
  color: #626262 !important;
  margin-bottom: 5px !important;
}
.image-view .infoList dd {
  color: #b1bdc4 !important;
  margin-bottom: 5px !important;
}
.image-view dd > a.undefined {
  color: #c792ea !important;
}
.timeline-details-view-body {
  background-color: #222 !important;
}
.timeline-details-view-row {
  border-bottom: 1px solid #2e3c43 !important;
}
.timeline-details-view-row-value {
  border-left: 1px solid #2e3c43 !important;
  color: #b1bdc4 !important;
}
.timeline-details-view-row-title {
  color: #626262 !important;
}
.timeline-aggregated-info-legend > div,
.memory-counter-sidebar-info {
  color: #b1bdc4 !important;
}
::shadow .flame-chart-selected-element {
  border-color: #3e4c58 !important;
  background-color: rgba(54, 76, 59, 0.6) !important;
}
.layer-tree.outline-disclosure li,
.profiler-log-view li {
  color: #b1bdc4 !important;
}
.timeline-layers-view-properties table tr td:nth-child(1) {
  color: #626262 !important;
}
.timeline-layers-view-properties table tr td:nth-child(2) {
  color: #b1bdc4 !important;
}
.timeline-layers-view-properties td {
  border: 1px solid #2e3c43 !important;
}
::shadow .spectrum-display-value,
::shadow .spectrum-range-container {
  color: #b1bdc4 !important;
}
.toolbar > .status-bar {
  background-color: transparent !important;
  height: inherit !important;
  padding-top: 6px !important;
  border-bottom: 1px solid #2e3c43 !important;
  box-shadow: inset 0 1px 0 #626262 !important;
}
.filter-bar.hbox {
  padding: 2px 0;
}
::shadow .toolbar-search-control {
  background-color: #282e35 !important;
  border-color: #2e3c43 !important;
  color: #e6e6e6 !important;
}
::shadow .toolbar-search-control:disabled,
::shadow ::shadow .toolbar-search-control:disabled {
  opacity: .3 !important;
}
::shadow .toolbar-search-control:focus,
::shadow ::shadow .toolbar-search-control:focus {
  outline-color: none !important;
}
::shadow #search-results-pane-file-based .search-match:hover,
::shadow ::shadow #search-results-pane-file-based .search-match:hover {
  box-shadow: inset 0 1px 0 #282e35, inset 0 -1px 0 #282e35 !important;
  background-color: #2e3c43;
  color: #b1bdc4;
}
html /deep/ .component-root {
  color: #b1bdc4 !important;
}
.filter-input-field {
  background-color: #282e35 !important;
  border-color: #2e3c43 !important;
  color: #e6e6e6 !important;
}
.filter-input-field:disabled {
  opacity: .3 !important !important;
}
.filter-input-field:focus {
  outline-color: none !important !important;
}
::shadow select.status-bar-item,
::shadow .toolbar::shadow select.toolbar-item {
  margin-right: -15px !important;
}
::shadow select.status-bar-item /deep/ option,
::shadow .toolbar::shadow select.toolbar-item /deep/ option {
  background-color: #222 !important;
}
#glass-pane .status-bar.fill {
  background-image: none !important;
  background-color: transparent !important;
}
::shadow .status-bar-shadow.floating {
  background-color: #282e35 !important;
  border: none !important;
}
::shadow .status-bar-shadow.floating .status-bar-item {
  border: 1px solid #263238 !important;
}
#memory-graphs-container > div:last-child {
  background: #111 !important;
}
.timeline-layers-view > div:last-child,
.timeline-layers-view-properties > div:last-child {
  background-color: #222 !important;
}
body.undocked.platform-mac.inactive .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
body.undocked.platform-mac .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
body.platform-mac.inactive .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
body.platform-mac .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
body .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header {
  background: #111 !important;
}
::shadow .tabbed-pane-header {
  background: #111 !important;
}
::shadow .tabbed-pane-header-contents {

  color: #999999 !important;
}
.inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header {
  flex: 0 0 34px !important;
}
.inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header-tabs-drop-down-container {
  padding-top: 6px !important;
}
.inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header-contents .tabbed-pane-header-tab {
  height: 34px !important;
  line-height: 25.5px !important;
}
::shadow .tabbed-pane-header-tabs-drop-down-container {
  color: #999999 !important;
}
.tabbed-pane::shadow .tabbed-pane-header {

  border-bottom: 1px solid #263238 !important;
  border: none;
}
.tabbed-pane::shadow .tabbed-pane-header-tab {
  border-color: transparent !important;
  border-image: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: 2px solid #b1bdc4 !important;
  cursor: pointer !important;
  margin: 0 !important;
  margin-bottom: 1px !important;
  margin-top: 0 !important;
  padding: 2px 4px !important;
  width: auto !important;
  color: #b1bdc4 !important;
}
.tabbed-pane::shadow .tabbed-pane-header-tab:hover {
  color: #f8f8f8 !important;
}
.tabbed-pane::shadow .tabbed-pane-header-tab.selected {
  background: none !important;
  border-top: 2px solid #80cbc4 !important;
  color: #f8f8f8 !important;
  font-size: 1em;
}
::shadow .tabbed-pane-content {
  background-color: #222 !important;
}
::shadow .search-drawer-header label.search-config-label {
  color: #b1bdc4 !important;
}
.panel .status-bar::shadow .status-bar-shadow {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
.tabbed-pane-header-before::shadow .status-bar-shadow,
.tabbed-pane-header-after::shadow .status-bar-shadow {
  height: 34px !important;
}
::shadow .shadow-split-view.vbox > .shadow-split-view-sidebar:not(.maximized) {
  border-top: none !important;
}
.device-name {
  color: #626262 !important;
}
.device-serial {
  color: #b1bdc4 !important;
}
.overrides-splash-screen .status-bar {
  background-color: #222 !important;
  background-image: none !important;
}
.overrides-view {
  padding-top: 0 !important;
}
.overrides-view ::shadow .tabbed-pane-content {
  padding: 10px;
}
.network-details-view-tall-header .network-item-view::shadow .tabbed-pane-header {
  padding-top: 0 !important;
}
.network-details-view-tall-header .network-item-view::shadow .tabbed-pane-header-tab {
  height: 31px !important;
  padding-top: 5px !important;
}
.network .request-headers-view .parent {
  margin-top: 1px !important;
}
::shadow .suggest-box {
  color: #000 !important;
  background-color: #222 !important;
  border: 2px rgba(0, 0, 0, 0.2) solid !important;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1) !important;
}
::shadow .suggest-box-content-item.source-code:hover {
  background-color: #282e35 !important;
  border: 1px solid #b1bdc4 !important;
}
::shadow .suggest-box-content-item.source-code.selected {
  background-color: #282e35 !important;
}
::shadow .suggest-box .source-code .prefix {
  color: #80cbc4 !important;
}
::shadow .suggest-box .source-code .suffix {
  color: #d9d9d9 !important;
}
::shadow .vertical-tab-layout .tabbed-pane-header-tab {
  padding-left: 20px !important;
  border-top: none !important;
  color: #b1bdc4 !important;
}
::shadow .vertical-tab-layout .tabbed-pane-header-tab.selected {
  border-top: none !important;
  border-left: 7px solid #80cbc4 !important;
  padding-left: 13px !important;
}
.help-window-main ::shadow .tabbed-pane-header {
  background-image: none !important;
  box-shadow: none !important;
}
.help-window-main ::shadow .tabbed-pane-header-contents {
  box-shadow: none !important;
}
::shadow style + .text-prompt-editing {
  background-color: #222 !important;
  outline: 1px solid #80cbc4 !important;
}
::shadow .text-prompt-editing > ::content * {
  color: #80cbc4 !important;
}
.callstack-info.status {
  border-top: none !important;
}
#devices-tab-content .devices-list {
  border: 1px solid #2e3c43 !important;
}
#devices-tab-content .devices-title {
  color: #80cbc4 !important;
}
#devices-tab-content .devices-list-item {
  color: #b1bdc4;
}
#devices-tab-content .devices-list-item:hover {
  background: #282e35 !important;
  border-top: 1px solid #282e35 !important;
  border-bottom: 1px solid #282e35 !important;
}
#devices-tab-content .devices-list-item .devices-list-title {
  opacity: 0.2 !important;
}
#devices-tab-content .devices-list-item.device-list-item-show .devices-list-title {
  color: #b1bdc4 !important;
  opacity: 1 !important;
}
#devices-tab-content .devices-edit-container {
  background: #282e35 !important;
}
#devices-tab-content .devices-custom-separator {
  border-top: 1px solid #151515 !important;
  border-bottom: 1px solid #2e3c43 !important;
}
#devices-tab-content .devices-list-edit,
#devices-tab-content .devices-list-remove {
  -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
  background-color: #80cbc4 !important;
  background-image: none !important;
}
#devices-tab-content .devices-list-edit {
  -webkit-mask-position: -224px -72px;
}
#devices-tab-content .devices-list-remove {
  -webkit-mask-position: -128px -24px;
}
.events-pane > ol > li.parent {
  margin: 0 !important;
  padding-bottom: 2px !important;
}
.events-pane > ol > ol > li {
  border-top: none !important;
}
.events-pane .sidebar-pane .section.expanded > .header,
.events-pane .children .section.event-bar {
  border-bottom: none !important;
}
body .sidebar-pane .parent:not(.event-category) + .children.expanded {
  border-left: none !important;
}
.hidden-callframes-message {
  background: #2e3c43;
  text-align: center;
}
.hidden-callframes-message .link {
  color: #c792ea !important;
}
.styles-section-title .media-list.media-matches .media.editable-media,
.styles-section-title .media-list {
  color: #8c8c8c !important;
}
.styles-section-title .media-list.media-matches .media.editable-media.media-matches .media.editable-media .media-text,
.styles-section-title .media-list.media-matches .media.editable-media .media-text {
  color: #b1bdc4 !important;
}
.styles-section .header .title .media-list.media-matches .media.editable-media {
  color: #b1bdc4 !important;
}
.watch-expressions {
  margin-top: 0 !important;
}
.watch-expressions .name {
  color: #77a8c6 !important;
}
.watch-expression .primitive-value:hover,
.watch-expression .section .header:hover {
  background-color: #282e35 !important;
  box-shadow: inset 0 1px 0 0 #282e35, inset 0 -1px 0 0 #282e35;
}
.error-message {
  color: #ff5a5a !important;
}
.settings-experiment-hidden label {
  background-color: #222 !important;
}
.settings-experiment-hidden label .dt-checkbox-text {
  color: #80cbc4 !important;
}
.event-listener-tree > li {
  border-top: none !important;
}
.event-listener-tree .name {
  color: #77a8c6 !important;
}
#network-overview-container {
  border-bottom: none !important;
}
.network-overview-canvas-container {
  background-color: #222 !important;
}
/* ==========================================================================
   Find
   ========================================================================== */
.styles-section .style-properties li.filter-match,
.styles-section .simple-selector.filter-match {
  background-color: #3e4c58 !important;
  box-shadow: 0 0 0 1px #2e3c43 !important;
  border-radius: 2px;
}
/* ==========================================================================
   Sources
   ========================================================================== */
.text-editor-value-decoration {
  background-color: #282e35 !important;
  color: #b1bdc4 !important;
  padding: 0 5px;
  border-radius: 2px !important;
  box-shadow: 0 1px 0 0 #2e3c43 !important;
  border-top: 1px solid #1c1c1c !important;
}
.source-frame-infobar::shadow .infobar-warning {
  color: #ddbb00;
  border-bottom: 1px solid #2e3c43 !important;
  background-color: #2e3c43 !important;
}
.source-frame-infobar::shadow .source-frame-infobar-toggle-link {
  color: #80cbc4 !important;
}
.cm-execution-line-tail {
  background-color: #212e24 !important;
  border-radius: 2px !important;
}
/* ==========================================================================
   Popovers
   ========================================================================== */
.popover {
  min-height: 0 !important;
}
/* ==========================================================================
   Sources (watch)
   ========================================================================== */
.watch-expression-header:hover {
  background-color: #282e35 !important;
}
/* ==========================================================================
   Elements - Accessibility
   ========================================================================== */
div.ax-computed-name {
  border-bottom: 1px solid #2e3c43 !important;
}
::shadow .ax-name {
  color: #77a8c6 !important;
}
::shadow .ax-role {
  color: #b1bdc4 !important;
}
/* ==========================================================================
   Toolbar
   ========================================================================== */
body .inspector-view-toolbar.toolbar::shadow .toolbar-button-theme {
  background-color: #b1bdc4 !important;
}
.inspector-view-toolbar-left,
.inspector-view-toolbar.tabbed-pane-header-after {
  margin-top: 7px !important;
}
.console-view .toolbar,
.network .toolbar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
}
::shadow .toolbar-item > .glyph,
::shadow .toolbar-item > .glyph:active,
::shadow .filter-toolbar-item.toggled-shown .glyph,
::shadow button.toolbar-item.toggled-on .glyph {
  background-color: #80cbc4 !important;
}
::shadow .toolbar-item > .glyph,
::shadow button.toolbar-item.toggled-off .glyph {
  background-color: #b1bdc4 !important;
}
::shadow .toolbar-counter-item {
  color: #b1bdc4 !important;
}
/* ==========================================================================
   Status Bars
   ========================================================================== */
#sources-panel-sources-view .sources-toolbar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  border-top: none !important;
  color: #b1bdc4 !important;
}
.toolbar::shadow .toolbar-select-arrow {
  position: relative !important;
  right: 5px !important;
}
.resources-toolbar,
::shadow .search-toolbar-summary {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  color: #b1bdc4 !important;
  border-top: none !important;
}
.profiles-toolbar {
  background: #111 !important;
  border-top: 1px solid #2e3c43 !important;
  color: #b1bdc4 !important;
  border-bottom: none !important;
}
/* ==========================================================================
   Toolbars
   ========================================================================== */
::shadow .shadow-split-widget.hbox > .shadow-split-widget-sidebar:not(.maximized) {
  border-left: 2px solid #2e3c43 !important;
}
::shadow .shadow-split-widget.hbox.shadow-split-widget-first-is-sidebar > .shadow-split-widget-sidebar:not(.maximized) {
  border-right: 2px solid #2e3c43 !important;
}
/* ==========================================================================
   Elements Sidebar
   ========================================================================== */
.styles-animations-controls-pane.expanded {
  border-bottom: 1px solid #2e3c43 !important;
  background: #313131 !important;
}
.styles-animations-controls-pane > * {
  margin: 3px 4px !important;
}
/* ==========================================================================
   Toolbars
   ========================================================================== */
.dt-checkbox-text,
::shadow .dt-checkbox-text,
::content .dt-checkbox-text {
  color: #b1bdc4 !important;
}
::shadow .shadow-split-widget button.sidebar-show-hide-button {
  background-color: #b1bdc4 !important;
}
/* ==========================================================================
   Console
   ========================================================================== */
::shadow .shadow-split-widget.vbox > .shadow-split-widget-sidebar:not(.maximized) {
  border-top: none !important;
}
.overrides-view label,
.overrides-view fieldset > span,
#metrics-override-section span,
#metrics-override-section td,
#geolocation-override-section td {
  color: #626262 !important;
}
::shadow .object-properties-section-name,
.console-view-object-properties-section span {
  color: #546e7a !important;
}

.tabbed-pane::shadow .tabbed-pane-header-tab {
  background: #37474f !important;
  background-color: #37474f !important;
}
.request-headers-view .outline-disclosure li.parent.expanded::before
.data-grid .header-container {
  -webkit-mask-position: -4px -98px !important;
}
::shadow > .toolbar-shadow .toolbar-button.hover .toolbar-glyph {
    background-color: hsl(218, 81%, 59%) !important;
}
.filter-bar {
    background-color: #37474f !important;
}
.request-headers-view .outline-disclosure li.parent.expanded::before {
    -webkit-mask-position: -4px -98px !important;
}
::shadow > .tree-outline-disclosure .tree-outline li.navigator-folder-tree-item .tree-element-title {
    color: #b1bdc4 !important;
}
.scope-chain-sidebar-pane-section-title {
    color: #546e7a !important;
}
::shadow .odd-row {
    background-color: #3e4c58 !important;
}
::shadow .tree-element-title {
    color: #f8f8f8 !important;
}
::shadow .tree-outline li.selected .selection {
    background-color: #546e7a !important;
}
::shadow ol.tree-outline:focus li.selected .selection {
    background-color: hsl(218, 81%, 59%) !important;
}
::shadow .cm-line-without-source-mapping {
    background-color: #222 !important;
}
::shadow .CodeMirror pre {
    background-color: #222 !important;
}
.network-status-pane {
    background-color: #2e3c43 !important;
}
.resources-dividers-label-bar {
  background-color: #3e4c58 !important;
}
* {
  color: #b1bdc4 !important;
}
span.being-edited {
  color: #cdd3de !important;
}