/*****************************************************************************/
/* Zero-Dark-Matrix
/* Optimized for Chrome Dev/Canary Channel v30
/* https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme
/*************************************************************************/

/**********************************************
/* Code Highlighting [CODEMIRROR]
/**********************************************/

/*--JAVASCRIPT--*/
#-webkit-web-inspector .CodeMirror .cm-atom { color: #FFF5B4 !important; }
#-webkit-web-inspector .CodeMirror .cm-attribute { color: #4e87bf !important; }
#-webkit-web-inspector .CodeMirror .cm-builtin { color: #8DA6CE !important; }
#-webkit-web-inspector .CodeMirror .cm-comment { color: #676767 !important; font-style: italic; }
#-webkit-web-inspector .CodeMirror .cm-def { color: #49a6d2 !important; }
#-webkit-web-inspector .CodeMirror .cm-error { background: #9D1E15 !important; color: #F8F8F8 !important; }
#-webkit-web-inspector .CodeMirror .cm-header { color: #FF6400 !important; }
#-webkit-web-inspector .CodeMirror .cm-hr { color: #AEAEAE !important; }
#-webkit-web-inspector .CodeMirror .cm-keyword { color: #8b6ccf !important; font-style: italic; }
#-webkit-web-inspector .CodeMirror .cm-link { color: #8DA6CE !important; }
#-webkit-web-inspector .CodeMirror .cm-meta { color: #D8FA3C !important; }
#-webkit-web-inspector .CodeMirror .cm-number { color: #DB925F !important; }
#-webkit-web-inspector .CodeMirror .cm-operator { color: #FBDE2D !important;}
#-webkit-web-inspector .CodeMirror .cm-property { color: #CDB943 !important; }
#-webkit-web-inspector .CodeMirror .cm-string { color: #f07b3c !important; }
#-webkit-web-inspector .CodeMirror .cm-string-2 { color: #f07b3c !important; }
#-webkit-web-inspector .CodeMirror .cm-tag { color: #49a6d2 !important; }
#-webkit-web-inspector .CodeMirror .cm-variable { color: #ccc !important; }
#-webkit-web-inspector .CodeMirror .cm-variable-2 { color: #ccc !important; }
#-webkit-web-inspector .CodeMirror .cm-execution-line { background-color: rgba(137,245,162,.8) !important; outline: 1px solid #89f5a2 !important;}
#-webkit-web-inspector .CodeMirror .cm-execution-line * { color: #000 !important;}
#-webkit-web-inspector .CodeMirror-linenumber { border-right: none !important;}

/*--CSS--*/
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-atom { color: #ccc !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-builtin { color: #FF9635 !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-meta { color: #6AEDFF !important;}
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-number { color: #ccc !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-operator { color: #ccc !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-property { color: #6AEDFF !important;}
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-qualifier { color: #FF9635 !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-string { color: #e3b959 !important;}
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-string-2 { color: #ccc !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-tag { color: #FF9635 !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-variable { color: #FF9635 !important; }
#-webkit-web-inspector .cm-s-web-inspector-css span.cm-variable-2 { color: #FF9635 !important; }

/*--GLOBAL EDITOR STYLES--*/
#-webkit-web-inspector .CodeMirror { background: #222 !important; color: #EEE; }
#-webkit-web-inspector .CodeMirror .cm-breakpoint .CodeMirror-gutter-elt { color: #000 !important; font-weight: 700 !important;}
#-webkit-web-inspector .CodeMirror .CodeMirror-cursor { border-left: 1px solid #FFF !important; }
#-webkit-web-inspector .CodeMirror .CodeMirror-gutter-elt { color: #888 !important;}
#-webkit-web-inspector .CodeMirror .CodeMirror-gutters {background: #282828 !important; border-right: 2px solid #2b2b2b !important; }
#-webkit-web-inspector .CodeMirror .CodeMirror-selected { background: #383838 !important; color: #eee !important; }
#-webkit-web-inspector .CodeMirror-matchingbracket { border-bottom: 1px solid #89F5A2 !important; color: #ccc !important;}
#-webkit-web-inspector .CodeMirror span.CodeMirror-selectedtext {color: #000 !important; background-color: #89f5a2 !important;}
#-webkit-web-inspector .CodeMirror span.cm-token-highlight { background-color: transparent !important; padding: 0px !important;}
#-webkit-web-inspector .CodeMirror span.cm-token-highlight:before { border-color: #89f5a2 !important; }
#-webkit-web-inspector .CodeMirror .cm-line-with-selection span.cm-column-with-selection { color: #000 !important; background-color: #89f5a2 !important; }

#-webkit-web-inspector .CodeMirror .cm-highlight {
	-webkit-animation: "fadeout-revised" 3s 0s !important;
}
#-webkit-web-inspector .CodeMirror .cm-highlight *:not(.CodeMirror-linenumber){
	color: #000 !important;
}

@-webkit-keyframes fadeout-revised {
	from {background-color: #89F5A2; }
	to { background-color: #222; }
}

/**********************************************
/* Code Highlighting [WEBKIT]
/**********************************************/

/*-- HTML --*/
#-webkit-web-inspector .webkit-html-attribute-name {color:#88AED5!important;}
#-webkit-web-inspector .webkit-html-attribute-value {color:#F0874F!important;}
#-webkit-web-inspector .webkit-html-comment {color:#585858!important;font-style:italic;}
#-webkit-web-inspector .webkit-html-resource-link,
#-webkit-web-inspector .webkit-html-external-link {color:#e3b959!important;}
#-webkit-web-inspector .webkit-html-tag,
#-webkit-web-inspector .webkit-html-tag-name {color:#49a6d2!important;}
#-webkit-web-inspector .webkit-html-text-node,
#-webkit-web-inspector .webkit-html-css-node,
#-webkit-web-inspector .webkit-html-js-node {color:#c2c3c3!important;}

/*-- CSS --*/
#-webkit-web-inspector .selector-matches {color:#ff9635!important;}
#-webkit-web-inspector .webkit-css-selector {color:#ff9635!important;}
#-webkit-web-inspector .webkit-css-at-rule {color:#b094bb!important;}
#-webkit-web-inspector .webkit-css-color {color:#FFCF67!important;}
#-webkit-web-inspector .webkit-css-comment {color:#7c7c7c!important;}
#-webkit-web-inspector .webkit-css-important {color:#b094bb!important;}
#-webkit-web-inspector .webkit-css-keyword {color:#db925f!important;}
#-webkit-web-inspector .webkit-css-number {color:#ffcf67!important;}
#-webkit-web-inspector .webkit-css-property,
#-webkit-web-inspector .styles-section .properties > li .webkit-css-property {color:#6aedff!important;font-weight:400;}
#-webkit-web-inspector .webkit-css-string {color:#fd963f!important;}
#-webkit-web-inspector .webkit-css-url {color:#eec574!important;}

/*-- JAVASCRIPT --*/
#-webkit-web-inspector .webkit-javascript-ident {color:#fff!important;}
#-webkit-web-inspector .webkit-javascript-comment {color:#757160!important;}
#-webkit-web-inspector .webkit-javascript-number {color:#db925f!important;}
#-webkit-web-inspector .webkit-javascript-keyword {color:#9685dd!important;font-style:italic;}
#-webkit-web-inspector .webkit-javascript-undef {color:#7B7B7B!important;}
#-webkit-web-inspector .webkit-javascript-string {color:#ef6e19!important;}
#-webkit-web-inspector .webkit-javascript-regexp {color:#c96666!important;}

/**********************************************
/* DevTool Chrome
/**********************************************/

#-webkit-web-inspector .event-bars .event-bar .header .title {text-shadow:none!important;color:#ccc!important;}
#-webkit-web-inspector .source-frame-debugger-script {background-color:#222!important;}
#-webkit-web-inspector .webkit-line-content {color:#ddd!important;}
#-webkit-web-inspector .webkit-highlighted-line,
#-webkit-web-inspector .webkit-execution-line.webkit-line-content {background-color:rgba(144,245,162,.8)!important;color:#000!important;outline:1px solid #89f5a2!important;}
#-webkit-web-inspector .webkit-highlighted-line span {color: #000 !important; font-weight:700 !important;}
#-webkit-web-inspector .webkit-execution-line.webkit-line-content * {color:#000!important;}

/**********************************************
/* Animations
/* -------------------------------------------
/* If you are experiencing performance issues,
/* remove the animations section below.
/**********************************************/
/*-- SOURCES PANEL --*/
#-webkit-web-inspector .panel.scripts .split-view-vertical .split-view-contents {
	-webkit-transition: right .5s ease-in-out;
}

#-webkit-web-inspector .panel.scripts .split-view-vertical .split-view-sidebar {
	-webkit-animation: slideInRightBig .5s ease-out;
}

#-webkit-web-inspector .panel.scripts div:not(.split-view-horizontal) .split-view-vertical .split-view-sidebar,
#-webkit-web-inspector .panel.scripts .split-view-vertical .split-view-contents-first.split-view-sidebar {
	-webkit-animation: none !important;
}

#-webkit-web-inspector .panel.scripts .split-view-vertical .sidebar-overlay {
	-webkit-animation: slideInLeftBig .5s ease-in;
}

#-webkit-web-inspector .panel.elements .split-view-horizontal .split-view-contents-second:not(.metrics-and-computed),
#-webkit-web-inspector .panel.scripts .split-view-horizontal > .split-view-contents-second.split-view-sidebar {
	-webkit-animation: bounceInUp 1s ease-in-out;
	z-index: 99;
}

#-webkit-web-inspector #toolbar > .toolbar-item.toggleable.toggled-on {
	-webkit-transition: border-top .25s ease-out 0;
}

#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected,
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected {
	-webkit-transition: border-top .25s ease-out 0;
}

/*-- NETWORK PANES --*/
#-webkit-web-inspector #network-views {
	-webkit-animation: bounceInRight .5s ease-in-out;
}

/*-- FIND --*/
#-webkit-web-inspector #search-results-pane-file-based .search-match .highlighted-match,
#-webkit-web-inspector .webkit-search-result,
#-webkit-web-inspector .webkit-highlighted-line.webkit-line-content,
#-webkit-web-inspector .CodeMirror .cm-line-with-selection span.cm-column-with-selection {
	-webkit-animation: match-animation .5s ease-in-out;
}

/*-- INACTIVE SELECTORS --*/
#-webkit-web-inspector .styles-section .properties .overloaded ,
#-webkit-web-inspector .styles-section .properties .inactive ,
#-webkit-web-inspector .styles-section .properties .disabled ,
#-webkit-web-inspector .styles-section .properties .not-parsed-ok {
	-webkit-transition: opacity .5s ease-in-out 0;
}

/*-- CURRENTLY SELECTED --*/
#-webkit-web-inspector .panel.elements .outline-disclosure ol:focus li.selected .selection {
	-webkit-animation: pulsate 2.5s infinite;
}

#-webkit-web-inspector .status-bar .crumbs .crumb.selected {
	-webkit-transition: border-top .25s ease-out 0;
}

.styles-section .properties .enabled-button {
	-webkit-transition: visibility .5s ease-in-out;
}

/*-- HIGHLIGHT CHILDREN --*/
#-webkit-web-inspector .panel.elements .parent + .children {
	-webkit-transition: .5s ease-in .25s;
}

#-webkit-web-inspector .panel.elements .parent.selected.expanded + .children > :last-child *,
#-webkit-web-inspector .panel.elements .parent.hovered.expanded + .children > :last-child * {
\-webkit-transition: opacity .5s ease-in-out .25s;
}

/*-- POPOVERS --*/
#-webkit-web-inspector .popover {
	-webkit-animation: growFadeIn .2s ease-in-out;
}

#-webkit-web-inspector .popover.top-left-arrow {
	-webkit-transform-origin: 25% 0%;
}

#-webkit-web-inspector .popover.top-right-arrow {
	-webkit-transform-origin: 75% 0%;
}

#-webkit-web-inspector .popover.bottom-left-arrow {
	-webkit-transform-origin: 25% 100%;
}

#-webkit-web-inspector .popover.bottom-right-arrow {
	-webkit-transform-origin: 75% 100%;
}

#-webkit-web-inspector .popover.left-top-arrow {
	-webkit-transform-origin: 0% 10%;
}

#-webkit-web-inspector .popover.left-bottom-arrow {
	-webkit-transform-origin: 0% 90%;
}

#-webkit-web-inspector .popover.right-top-arrow {
	-webkit-transform-origin: 100% 10%;
}

#-webkit-web-inspector .popover.right-bottom-arrow {
	-webkit-transform-origin: 100% 90%;
}

/* -- KEYFRAME DECLARATIONS -- */
@-webkit-keyframes match-animation {
	0% { box-shadow: 0 0 0 #222; background-color: #222; color: #222;}
	50% { box-shadow: 0 0 25px #89F5A2;}
	100% { box-shadow: 0 0 0 #89F5A2; background-color: #89F5A2;}
}

@-webkit-keyframes pulsate {
	0% { background-color: #333;}
	50% { background-color: #444;}
	100% { background-color: #333;}
}

@-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(.3);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

/************************************************
/* Scrollbars
/************************************************/
#-webkit-web-inspector ::-webkit-scrollbar-track:horizontal {
	-webkit-box-shadow: inset 1px 5px 6px rgba(0,0,0,0.3) !important;
}

#-webkit-web-inspector ::-webkit-scrollbar-track:vertical {
	-webkit-box-shadow: inset 4px 1px 8px 1px rgba(0,0,0,0.3) !important;
}

#-webkit-web-inspector ::-webkit-scrollbar-corner {
 -webkit-box-shadow: inset 1px 5px 6px rgba(0,0,0,0.3) !important;
	 background-color: #222 !important;
}

#-webkit-web-inspector ::-webkit-scrollbar-thumb {
	border-radius: 8px !important;
	background-color:#555;
	border: 1px solid #1d1d1d;
}

#-webkit-web-inspector ::-webkit-scrollbar-thumb:horizontal {
	-webkit-box-shadow: inset 0 7px 1px -5px rgba(255,255,255,0.3) !important;
}

#-webkit-web-inspector ::-webkit-scrollbar-thumb:vertical {
	-webkit-box-shadow: inset 3px 0 5px 0 rgba(255,255,255,0.3) !important;
}

#-webkit-web-inspector ::-webkit-scrollbar {
	width:12px;
	height: 12px;
	background-color: #222 !important;
}

/*Popover scrollbar overrides */
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal,
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:vertical {
	-webkit-border-image: none !important;
	border-radius: 8px !important;
	background-color:#555 !important;
	border: 1px solid #1d1d1d !important;
}

#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece,
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece {
	border-radius: 8px !important;
	background-color: #252525 !important;
}

#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical {
	-webkit-box-shadow: inset 4px 1px 8px 1px rgba(0,0,0,0.3) !important;
}

#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal {
	-webkit-box-shadow: inset 1px 5px 6px rgba(0,0,0,0.3) !important;
}

#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical {
 background: #333 !important;
 -webkit-box-shadow: none !important;
}

#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active,
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover,
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement,
#-webkit-web-inspector .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment,
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active,
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover,
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement,
#-webkit-web-inspector .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment {
	-webkit-border-image:none !important;
}

/************************************************
/* Browser Chrome
/************************************************/

/* GLOBAL BACKGROUND COLOR */
#-webkit-web-inspector,
#-webkit-web-inspector #drawer,
#-webkit-web-inspector .dialog .fill,
#-webkit-web-inspector .help-window-main,
#-webkit-web-inspector .tabbed-pane-content.has-no-tabs,
#-webkit-web-inspector .sidebar-overlay,
#-webkit-web-inspector .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler),
#-webkit-web-inspector .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) .split-view-contents {
	background-color: #222 !important;
	z-index: 0;
}

/* read only sections should inherit bg color */
#-webkit-web-inspector .styles-section.read-only {
	background: inherit !important;
}

/*CURSOR/INSERTION POINT*/
#-webkit-web-inspector .text-editor-editable:focus,
#-webkit-web-inspector .editing:focus {
	color: #FFF !important;
	background-color: #222 !important;
}

/*-- MAIN TOOLBAR --*/
#-webkit-web-inspector #main {
	top: 34px !important;
}

#-webkit-web-inspector #toolbar {
	background: -webkit-linear-gradient(#505050,#383838) !important;
	border-bottom: 1px solid #282828 !important;
	height: 34px !important;
}

#-webkit-web-inspector.show-toolbar-icons .toolbar-icon {
	display: none !important;
}

#-webkit-web-inspector .toolbar-label {
	color: #999 !important;
	position: relative !important;
	line-height: 24px !important;
}

#-webkit-web-inspector #toolbar > button:hover .toolbar-label,
#-webkit-web-inspector .toolbar-item.toggleable.toggled-on .toolbar-label {
	color: #f8f8f8 !important;
}

#-webkit-web-inspector #toolbar > button {
	box-shadow: none !important;
	padding: 4px 14px !important;
	margin-bottom: 11px !important;
	cursor: pointer !important;
	border-top: 2px solid rgba(0,0,0,0) !important;
}

#-webkit-web-inspector #toolbar > .toolbar-item.toggleable.toggled-on {
	border: 2px solid #89F5A2 !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

#-webkit-web-inspector #toolbar-panels-menu {
	color: #999 !important;
}

/*--TABBED PANE HEADER --*/
#-webkit-web-inspector .panel.scripts .tabbed-pane-header,
#-webkit-web-inspector #scripts-debug-sidebar-resizer-widget,
#-webkit-web-inspector .panel.scripts .scripts-navigator-resizer-widget {
	height: 31px !important;
}

#-webkit-web-inspector .scripts .scripts-navigator-show-hide-button,
#-webkit-web-inspector .scripts .scripts-debugger-show-hide-button {
	top: 5px !important;
}

/*--FLOATING STATUS BAR --*/

/* element crumbs */
#-webkit-web-inspector .status-bar .crumbs {
	text-shadow: none !important;
	color: #bbb !important;
}

#-webkit-web-inspector .status-bar .crumbs .crumb {
	border-top: 3px solid #505050 !important;
	border-right: 1px solid #333 !important;
	border-left: 1px solid #666 !important;
	-webkit-border-image: none !important;
	padding: 0 10px !important;
	margin: 0 !important;
	line-height: 18px !important;
}

#-webkit-web-inspector .status-bar .crumbs .crumb:hover {
	color: #89F5A2 !important;
	cursor: pointer;
}

#-webkit-web-inspector .status-bar .crumbs .crumb.selected {
	border-left: 1px solid rgba(0,0,0,0);
	border-right: 1px solid rgba(0,0,0,0);
	border-top: 3px solid #89F5A2 !important;
	background-color: rgba(0,0,0,0) !important;
	color: #ddd !important;
	cursor: default;
}

#-webkit-web-inspector .status-bar .crumbs .crumb.selected:hover {
	color: #ddd !important;
}

/*-- BOTTOM STATUS BAR --*/

#-webkit-web-inspector select.status-bar-item,
#-webkit-web-inspector select.status-bar-item:hover,
#-webkit-web-inspector .scope-bar li {
	color: #AAA !important;
	text-shadow: none !important;
}

#-webkit-web-inspector .status-bar button.status-bar-item {
	border-right: 1px solid #666 !important;
	border-left: 1px solid #666 !important;
}

#-webkit-web-inspector .scope-bar li.selected {
	color: white !important;
}

#-webkit-web-inspector .status-bar-items {
	border-left: none !important;
}

#-webkit-web-inspector select.status-bar-item,
#-webkit-web-inspector select.status-bar-item:hover {
	border-left: 1px solid #333 !important;
	border-right: 1px solid #AAA !important;
}

#-webkit-web-inspector .split-view-sidebar-right {
	border-left: 1px solid #3A3A3A !important;
	-webkit-box-shadow: none !important;
}

/*text color of status bar labels */
#-webkit-web-inspector .status-bar label[for=search-replace-trigger],
#-webkit-web-inspector #bottom-status-bar-container .type,
#-webkit-web-inspector #bottom-status-bar-container .timeline-records-stats,
#-webkit-web-inspector .drawer-header span,
#-webkit-web-inspector .status-bar-item .search-drawer-header,
#-webkit-web-inspector .status-bar-item .search-config-label,
#-webkit-web-inspector .source-frame-cursor-position,
#-webkit-web-inspector .search-status-bar-message,
#-webkit-web-inspector .search-results-status-bar-message {
	text-shadow: none !important;
	color: #bbb !important;
}

/*-- GLYPHS --*/
#-webkit-web-inspector button.scripts-step-over .glyph,
#-webkit-web-inspector button.scripts-step-into .glyph,
#-webkit-web-inspector button.scripts-step-out .glyph,
#-webkit-web-inspector button.status-bar-item.toggled-on .glyph,
#-webkit-web-inspector button.clear-status-bar-item:active .glyph,
#-webkit-web-inspector button.garbage-collect-status-bar-item:active .glyph,
#-webkit-web-inspector button.glue-async-status-bar-item:active .glyph {
	background-color: rgba(137,245,162,.6) !important;
}

#-webkit-web-inspector #scripts-debugger-status {
	color: #89F5A2 !important;
}

#-webkit-web-inspector button.scripts-step-over:disabled .glyph,
#-webkit-web-inspector button.scripts-step-into:disabled .glyph,
#-webkit-web-inspector button.scripts-step-out:disabled .glyph {
	background-color: #222 !important;
}

/**********************************************/
/* Console
/**********************************************/

#-webkit-web-inspector #console-prompt {
	color: #f1f1f1 !important;
	border-top: none !important;
	border-top: 1px solid #333 !important;
	border-bottom: 1px solid #444 !important;
}

#-webkit-web-inspector #console-messages .console-message,
#-webkit-web-inspector .console-user-command {
	border-top: none !important;
	margin: 2px 0;
}

#-webkit-web-inspector #console-messages .console-user-command {
	background-color: #252525 !important;
	border-top: 1px solid #2a2a2a !important;
	border-bottom: 1px solid #1e1e1e !important;
}

#-webkit-web-inspector .console-message .children li,
#-webkit-web-inspector .console-user-command .children li {
	 margin: 1px 0 !important;
}

#-webkit-web-inspector .console-user-command > .console-message-text {
	color: #C4C7C6 !important;
}

#-webkit-web-inspector #console-messages .console-message {
	color: #9981BC !important;
}

#-webkit-web-inspector .console-message .source-code {
	color: #49a6d2 !important;
}

#-webkit-web-inspector .console-warning-level .console-message-text {
	color: #db0 !important;
}

#-webkit-web-inspector .console-error-level .console-message-text {
	color: #f66 !important;
}

#-webkit-web-inspector #console-messages a {
	color: #888 !important;
}

#-webkit-web-inspector #console-messages a:hover {
	color: #999 !important;
}

#-webkit-web-inspector #console-messages .console-message {
	color: #f1f1f1 !important;
}

#-webkit-web-inspector #console-messages .console-user-command > .console-message-text {
	color: #ccc !important;
}

#-webkit-web-inspector #console-messages .section .properties .name,
#-webkit-web-inspector #console-messages .event-properties .name {
	color: #96cbfe !important;
}

#-webkit-web-inspector #console-messages .console-formatted-array,
#-webkit-web-inspector .sidebar-pane .console-formatted-array {
	color: #49A6D2 !important;
}

#-webkit-web-inspector #console-messages .console-formatted-function,
#-webkit-web-inspector .sidebar-pane .console-formatted-function {
	color: #BA75FF !important;
}

#-webkit-web-inspector #console-messages .console-formatted-number,
#-webkit-web-inspector .sidebar-pane .console-formatted-number {
	color: #95FDCB !important;
}

#-webkit-web-inspector #console-messages .console-formatted-object,
#-webkit-web-inspector .sidebar-pane .console-formatted-object {
	color: #7c7c7c !important;
}

#-webkit-web-inspector #console-messages .console-formatted-object .name,
#-webkit-web-inspector .sidebar-pane .name {
	color: #77A8C6 !important;
}

#-webkit-web-inspector #console-messages .console-formatted-object .console-object-preview,
#-webkit-web-inspector .sidebar-pane .console-formatted-object .console-object-preview {
	color: #ddd !important;
}

#-webkit-web-inspector #console-messages .console-formatted-regexp,
#-webkit-web-inspector .sidebar-pane .console-formatted-regexp {
	color: #ff54e8 !important;
}

#-webkit-web-inspector #console-messages .console-formatted-string,
#-webkit-web-inspector .sidebar-pane .console-formatted-string {
	color: #FF8737 !important;
}

#-webkit-web-inspector #console-messages .console-formatted-undefined.source-code,
#-webkit-web-inspector .sidebar-pane .console-formatted-undefined.source-code {
	color: #AD4E4E !important;
}

#-webkit-web-inspector .console-group-messages .section .header .title {
	color: #f1f1f1 !important;
}

#-webkit-web-inspector #console-messages .section .properties .name,
#-webkit-web-inspector #console-messages .event-properties .name {
	color: #96cbfe !important;
}

#-webkit-web-inspector #console-messages .parent + .children.expanded,
#-webkit-web-inspector .sidebar-pane .parent + .children.expanded {
	border-left: 1px dashed #444 !important;
	position: relative;
	left: 4.4px;
}

/**********************************************
/* Element Highlighter
/**********************************************/
#-webkit-web-inspector .panel.elements .outline-disclosure ol:focus li.selected .selection {
	border-radius: 2px;
	outline: 1px solid #555 !important;
	background-color: #444;
}

#-webkit-web-inspector .panel.elements .outline-disclosure li.selected .selection {
	border-radius: 2px;
	background-color: #444 !important;
	outline: 1px solid #555 !important;
}

#-webkit-web-inspector .panel.elements .outline-disclosure li.hovered:not(.selected) .selection {

	border-radius: 0 !important;
	background-color: #2d2d2d !important;
}

#-webkit-web-inspector .panel.elements .editing {
	background-color: #333 !important;
	outline: 1px solid #89f5a2 !important;
	color: #CCC !important;
}

/* highlight children */
#-webkit-web-inspector .panel.elements .parent.selected.expanded + .children,
#-webkit-web-inspector .panel.elements .parent.hovered.expanded + .children {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-bottom: 5px !important;
	box-shadow: inset 0 0 30px 0 rgba(17,17,17,1);
	border-bottom: 1px solid #333 !important;
}

/* fade closing tag of parent */
#-webkit-web-inspector .panel.elements .parent.selected.expanded + .children > :last-child *,
#-webkit-web-inspector .panel.elements .parent.hovered.expanded + .children > :last-child * {
	opacity: .6;
}

/**********************************************
/* Elements/Sources Right Sidebar
/**********************************************/

#-webkit-web-inspector .styles-section {
	padding: 4px 0 !important;
	margin: 0 10px;
	border-top: 1px solid #444 !important;
}

#-webkit-web-inspector .styles-section .value {
	color: #ccc !important;
}

#-webkit-web-inspector .sidebar-pane .body,
#-webkit-web-inspector .sidebar-pane .monospace,
#-webkit-web-inspector .source-code {
	color: #CCC !important;
}

#-webkit-web-inspector .styles-section.first-styles-section,
#-webkit-web-inspector .sidebar-separator+.styles-section {
 border-top: none!important;
}

#-webkit-web-inspector .styles-section .child-editing,
#-webkit-web-inspector .styles-section .header .subtitle {
	color: #666 !important;
}

#-webkit-web-inspector .section .properties .dimmed {
	opacity: 0.8 !important;
}

#-webkit-web-inspector .sidebar-separator {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(0.05, #666), color-stop(0.05, #333), to(#444)) !important;
	color: #CCC !important;
	text-shadow: none !important;
	border-top: 1px solid #333 !important;
	border-bottom: 1px solid #333 !important;
}

#-webkit-web-inspector .pane > .title {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)) !important;
	color: #bbb !important;
	text-shadow: 0 1px 0 red !important;
	border-top: 1px solid #333 !important;
	border-bottom: 1px solid #333 !important;
}

#-webkit-web-inspector .split-view-sidebar-right {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#333333), color-stop(100%,#252525)) !important;
}

/*-- STATE DISPLAY --*/
#-webkit-web-inspector .styles-element-state-pane {
	background: #333 !important;
	margin-top: -46px !important;
	padding: 4px 0 !important;
	border-bottom: 1px solid #666 !important;
}

#-webkit-web-inspector .styles-element-state-pane.expanded {
	margin-top: 0 !important;
}

/*-- METRICS--*/
#-webkit-web-inspector .sidebar-pane .body .metrics {
	color: #000 !important;
}

#-webkit-web-inspector .sidebar-pane .body .metrics .position,
#-webkit-web-inspector .sidebar-pane .body .metrics .margin:not([style^=background-color]),
#-webkit-web-inspector .sidebar-pane .body .metrics .border:not([style^=background-color]),
#-webkit-web-inspector .sidebar-pane .body .metrics .padding:not([style^=background-color]),
#-webkit-web-inspector .sidebar-pane .body .metrics .margin:not([style^=background-color]),
#-webkit-web-inspector .sidebar-pane .body .metrics .content:not([style^=background-color]){
	background-color: #888 !important;
}

/**********************************************
/* Resources & Sources Sidebar
/**********************************************/

/*-- default text color --*/
#-webkit-web-inspector .panel.resources .base-storage-tree-element-title,
#-webkit-web-inspector .panel.resources .base-storage-tree-element-subtitle,
#-webkit-web-inspector .panel.scripts .base-navigator-tree-element-title {
	color: #999 !important;
}

/*-- currently selected element --*/
#-webkit-web-inspector .panel.resources .selected .base-storage-tree-element-title,
#-webkit-web-inspector .panel.resources .selected .base-storage-tree-element-subtitle,
#-webkit-web-inspector .panel.scripts .selected .base-navigator-tree-element-title {
	color: #fff !important;
}

#-webkit-web-inspector .panel.resources .outline-disclosure li.selected .selection,
#-webkit-web-inspector .panel.scripts .outline-disclosure li.selected .selection {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)) !important;
}

#-webkit-web-inspector .panel.resources .outline-disclosure li:hover:not(.selected) .selection,
#-webkit-web-inspector .panel.scripts .outline-disclosure li:hover:not(.selected) .selection {
	display: block !important;
	background: #333 !important;
}

#-webkit-web-inspector .panel.resources .outline-disclosure ol:focus li.selected .selection,
#-webkit-web-inspector .panel.scripts .outline-disclosure ol:focus li.selected .selection {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#A7F8B9), to(#89f5a2)) !important;
	text-shadow: none !important;
}

#-webkit-web-inspector .panel.resources .outline-disclosure ol:focus li.selected .base-storage-tree-element-title,
#-webkit-web-inspector .panel.resources ol:focus .selected .base-storage-tree-element-subtitle,
#-webkit-web-inspector .panel.scripts .outline-disclosure ol:focus li.selected .base-navigator-tree-element-title {
	color: #000 !important;
	text-shadow: none !important;
}

#-webkit-web-inspector .sidebar li.selected .selection {
	background-image: none !important;
	border: none !important;
}

#-webkit-web-inspector .panel.scripts .sidebar-overlay {
	border-right: 1px solid #282828 !important;
	box-shadow: rgb(20,20,20) 5px 0px 22px 3px !important;
}

/**********************************************
/* Resources Tab
/**********************************************/

/*-- RESOURCES CONTENT --*/
#-webkit-web-inspector .resource-view.image .title {
	color: #ccc !important;
}

#-webkit-web-inspector .resource-view.image .infoList dt {
	color: #666 !important;
	margin-bottom: 5px !important;
}

#-webkit-web-inspector .resource-view.image .infoList dd {
	color: #888 !important;
	margin-bottom: 5px !important;
}

#-webkit-web-inspector .section .properties .name,
#-webkit-web-inspector .event-properties .name {
	color: #77A8C6 !important;
}

/*************************************
 * Help/Settings Overlay
 *************************************/
#-webkit-web-inspector .settings-tab .help-section-title,
#-webkit-web-inspector .settings-tab-container .help-section-title {
	color: #89F5A2 !important;
}

#-webkit-web-inspector .help-window-main,
#-webkit-web-inspector .help-window-main label:hover {
	color: #bbb !important;
}

#-webkit-web-inspector .settings-tab-container .help-key-cell span {
	color: #eee !important;
}

#-webkit-web-inspector .help-window-main .settings-list {
	border: 1px solid #444 !important;
}

#-webkit-web-inspector .help-window-main .settings-list-item,
#-webkit-web-inspector .help-window-main .settings-list-item:hover{
	background-color: #555 !important;
	border-bottom: 1px solid #333 !important;
}

#-webkit-web-inspector .help-window-main .settings-list-item:last-child{
	border-bottom: none !important;
}


#-webkit-web-inspector .help-window-main .file-system-path-name{
	color: #bbb !important;
}

#-webkit-web-inspector .help-window-main .help-block select {
	color: #666 !important;
}


/***************************************************
/* Search Functions/Selectors in File [Ctrl+Shift+O]
****************************************************/
#-webkit-web-inspector .dialog {
	background: #333 !important;
	border-color: #222 !important;
	box-shadow: 0px 20px 10px 0px rgba(0,0,0,.5) !important;
}

/**********************************************
/* Drawer
/**********************************************/
#-webkit-web-inspector #drawer .revision-history-drawer {
	background-color: #222 !important;
}

#-webkit-web-inspector .revision-history-drawer ol[tabindex="0"] > .parent {
	background-color: #2D2D2D !important;
	color: #ddd !important;
	border-top: 1px solid #5d5d5d !important;
	border-bottom: 1px solid #111 !important;
	height: 20px !important;
}

#-webkit-web-inspector .revision-history-link {
	color: #89F5A2 !important;
}

/**********************************************
/* Popovers
/**********************************************/
#-webkit-web-inspector .popover {
	-webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDY1NzM5QkE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDY1NzM5QUE2QTMxMUUyQkZBRkJBNzVEQjUzM0I4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0M0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4LICiQAAAl5JREFUeNrs3c9KVFEAwGHHmVEb6R85oLWpRArBIINo1RNEtIgmgqAnqF0v0M5WQdDGVYVU0EsEUYRERUhUCxdJVihpOZhTcztHZ6JFEQ13cet+PzjXGWFmcb45xzsgnEKSJF3Kdt2mAJIgQRIkQYIkSIIESZAgCZI6q9TpCyfqN3I9cRcrZ60kQcrHdveHhsMY/58n7jfb/WoYj+8cvTL38y+np6czhRRhamEcy/Mn/9S9C1Phx2TAepe1lTQSxvrH6+OrDz3vn7zpyxtOsbeUDB8f+xQenol/SgLW5QC1miWk0/Eyc/3RtueTD6p5XUXPrt2vjp47vLCvNh7n421cUVm5cRiKSJ/nlkp5Boo1Vr4UX999ur31tJalu7s98bI8u9DjXqyra2V+udxYWYtzuzNseZWsIJXjpdn4VkC0UdL88a9yRd+TfJkVJEGCJEiCBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEGCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAmSIEESJEiCJEiQBEmQIAkSJFMASZAg/U3rx88U+8qJKW1NbLm7PReNrCC9iJehI7vrmwb6v+YdqHpgV7208YF9mcb5SWkhLYVxMz4YOXlwsX9wSyPPQMMnxpZaT2+l8Z6FJOlsh/rFmXabw3jYfrIwM9+bNJNcnQJTrpSbW/cOrLWBwiq6FB9k6Uy/eEzaoTDOh1HbMTqY18W0GMbtAHQ1rTdM++DFuP9OtMb+HN491gPObNpvmuZ2l6uc2CxI/1odb3eykgQJkiBBEiRBgiRIggRJkCAp830XYABd2IbZvLB5+AAAAABJRU5ErkJggg==) 25 25 25 25 !important;
	border-width: 25px !important;

}

#-webkit-web-inspector .popover .arrow {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAABMCAYAAACPiIzuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTNFODNCNTE0QTZFMjExQjY2OUE2RUJCODYzRjA1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMzdGN0JCRUE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMzdGN0JCREE2QTQxMUUyOUFDOUJDNzA3QUQ2RDI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxM0U4M0I1MTRBNkUyMTFCNjY5QTZFQkI4NjNGMDVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FMRF/AAAA6FJREFUeNrsl11IFFEUx1fdolbX/XBLM/tAt6JwtVo17CHooaAHCwvTwhJEkkgUEYyKIBCl3HwIfIko6JMUesgeLEstKwTZMtLwgyxDw7CHXfNbW+wcuXcYh5n1zp2FKBw4zJ2P/e25d84953+C5ubmdIE6gpZgfxl2ZfyOJkCp4YQwDtYF8AgoTK8VkJSUpMqzXLBn5KzJs4tgWWRcAmYDq+RZswsI6qvrML4sehRN7uWAFauFnQM7joMvTzrNw+2Doa/P1kWRZ3lgBaywUrBsHKBHnp7hFTgeav1qbL1UH0neOQ2WvxiskExFh56gR+KHA0294W5Xo036rhxM+Df0AD2RmwpM2/KhuiWCzuJoS9FhKUxYh7aKhlXogb9P3Fvbbv14/a2VXJYBcD+F2egXelfVZOt/2mVmCdbu++6IzputFnKZRWGpOMAQ6HvcYVET/f31Xaax7yMYq7vAuzUIe44P4g46RuPzUn+ygkKjwmc3ZWz3hK01/YbLh7V7rg0hbIpOc9vJFC8LMCzGPGM/kujZkrlzBEFgVeIP0MAKDN9onbanJ4hBLvBqQhoaCCzyB0RQbFq8d3PGjl8EVAGgKaWgfUFDBIGOU7sFoNlum7KnJ3pEoDIw32JZo5kAq7dmJ3vxxuCrz8Z9N44NkOcUpKoG7EWg5N4DsHLxDZgmUwpqJturmVzfloLUJsc3xAxgE4GqAYogt9v9D5S6JRX0P8GYglYsTqQHpOsQOGWCLdOkggCEFeoMLSh6DaAQCuqpeW/Sqs/OU1D3PbfVN+sL1nN6JSgkKI/m6ZFJPdfeBNAChTQ26F3OtdEBVCKnkFTDAFRIpaicQmIO2sqJuwfgdJUqJCVhw+pZJotCYoVhgdaZ4mwzhtXGWa2wGqyXKAlQrKBo4YZBbfQRcTIPRNESGm2a4a4BRJy4BGB6ghfVEHdBISLlMgXGHXIsAKreAQDE9aoQA43rLdORznXjTHEml89I1pjf7D/avq2MStkwyQ0TQYX+KsjpdGpO1wBMhpMXJVUuifAaWI9b/n4k1hVKcYaZIAbP8A+lmrSGtAUEYDE3TK4FBGABF0ypBQRgviZJJW0BAZijSZ/5awG5xJ5SC8itHOVaQE0yVNoCcsPkWkAuFYQ5ClOLtAVUDZPp3Fzizo0ZptAC+lSLPWwBY9McXsjto2SNylQrR+wppS0gD4i2iJ/ELSCAyrXkM6EF9Adi8gzTNgSkgTbtWjLtHwEGAIab1RKaLSq+AAAAAElFTkSuQmCC) !important;
	width: 20px !important;
	height: 20px !important;
}

#-webkit-web-inspector .webkit-line-content .text-editor-overlay-highlight {
	background-color: rgba(137,245,162,.4) !important;
	outline: 1px solid #89F5A2 !important;
}

#-webkit-web-inspector .popover .content .source-frame-popover-title {
	color: #FF8B3E !important;
}

#-webkit-web-inspector .popover .content .source-frame-popover-tree {
	border-top: 1px solid #888 !important;
}

#-webkit-web-inspector .popover .content {
	color: #ddd !important;
}

#-webkit-web-inspector .popover .content .popover-details-title {
	color: #db0 !important;
}

#-webkit-web-inspector .popover .content .popover-details-row-title {
	color: #49a6d2 !important;
}

#-webkit-web-inspector .popover .content .network-timing-bar-title {
	color: #ddd !important;
}

/**********************************************
/* Dialog Boxes
/**********************************************/
#-webkit-web-inspector .dialog {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#3c3c3c)) !important;
	box-shadow: 0 50px 30px rgba(0,0,0,.6) !important;
	border: 1px solid #666 !important;
}

#-webkit-web-inspector .dialog .fill {
	border: none !important;
}

#-webkit-web-inspector .filtered-item-list-dialog-item {
	background-color: #222 !important;
	border-top: 1px solid #333 !important;
	border-bottom: 1px solid #000 !important;
}

#-webkit-web-inspector .filtered-item-list-dialog-item span {
	color: #eee !important;
}

#-webkit-web-inspector .filtered-item-list-dialog-item .highlight {
	color: #89F5A2!important;
}

#-webkit-web-inspector .filtered-item-list-dialog-item:hover {
	background-color: #333 !important;
	box-shadow: inset 0 1px 5px 0 #222 !important;
}

#-webkit-web-inspector .dialog .fill .selected {
	background-color: #444 !important;
	box-shadow: inset 0 1px 5px 0 #222 !important;
}

#-webkit-web-inspector .dialog input, #-webkit-web-inspector .dialog input:focus {
	background-color: #222 !important;
	border: none !important;
	color: #eee !important;
	padding: 0 5px;
}

/**********************************************
/* Suggest Box
/**********************************************/
#-webkit-web-inspector .suggest-box {
	color: #000 !important;
	background-color: #222 !important;
	border: 2px rgba(0,0,0,.2) solid !important;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,.1) !important;
}

#-webkit-web-inspector .suggest-box-content-item.source-code:hover {
	background-color: #444 !important;
	border: 1px solid rgba(0,0,0,0) !important;
}

#-webkit-web-inspector .suggest-box-content-item.source-code.selected {
	background-color: #444 !important;
}

#-webkit-web-inspector .suggest-box .source-code .prefix {
	color: #89F5A2!important;
}

#-webkit-web-inspector .suggest-box .source-code .suffix {
	color: #ddd !important;
}

/**********************************************/
/* Find Module  [ctrl+shift+F / cmd+shift+F]
/**********************************************/
#-webkit-web-inspector #search-input-field.search-replace,
#-webkit-web-inspector .search-results-matches {
	color: #333 !important;
}

#-webkit-web-inspector .status-bar-item .search-drawer-header {
	margin-left: 5px;
}

#-webkit-web-inspector .drawer-header {
	border-right: 1px solid #555 !important;
}

#-webkit-web-inspector .search-match-content {
	color: #A3A3A3 !important;
}

#-webkit-web-inspector #search-results-pane-file-based .parent {
	background-color: #2D2D2D;
	color: #ddd !important;
	border-top: 1px solid #5d5d5d;
	border-bottom: 1px solid #111;
	line-height: 18px;
}

#-webkit-web-inspector #search-results-pane-file-based .show-more-matches {
	color: #89F5A2 !important;
}

#-webkit-web-inspector #search-results-pane-file-based .parent:hover {
	background-color: #444 !important;
	color: #ddd !important;
}

#-webkit-web-inspector #search-results-pane-file-based .search-match .highlighted-match,
#-webkit-web-inspector .webkit-search-result,
#-webkit-web-inspector .webkit-highlighted-line.webkit-line-content,
#-webkit-web-inspector .CodeMirror .cm-token-highlight {
	color: #000;
	border-radius: 2px;
	font-size: 1em !important;
	background-color: #89F5A2 !important;
}

#-webkit-web-inspector #search-results-pane-file-based .parent .search-result-file-name {
	color: #888 !important;
}

#-webkit-web-inspector #search-results-pane-file-based .parent .search-result-matches-count {
 color: #7BB888 !important;
}

#-webkit-web-inspector .search-match:hover {
	background-color: #47474B !important;
}

/**********************************************/
/* Tables
/**********************************************/
#-webkit-web-inspector .data-grid .data,
#-webkit-web-inspector .data-grid th {
	background-image: none !important;
}

#-webkit-web-inspector .data-grid {
	background-color: transparent !important;
	background-image: none !important;
}

#-webkit-web-inspector .data-grid .data-container a{
	text-decoration: none;
	color: #db0 !important;
}

#-webkit-web-inspector .data-grid .data-container tr:nth-child(odd) {
	background-color: #242424 !important;
}

#-webkit-web-inspector .data-grid .data-container tr:nth-child(even) {
	background-color: #2b2b2b !important;
}

#-webkit-web-inspector .data-grid .header {
	background-image: -webkit-linear-gradient(top, #505050, #383838);
}

#-webkit-web-inspector .data-grid .header th {
	color: #89f5a2 !important;
}

#-webkit-web-inspector .data-grid .header .key-column,
#-webkit-web-inspector .data-grid .header .value-column {
	border: none !important;
}

#-webkit-web-inspector .data-grid .data-container tr:not(.selected):not(.filler):hover{
	background-color: #444 !important;
	outline: 1px solid #545454 !important;
}

#-webkit-web-inspector .data-grid .data-container tr.selected {
	background-color: rgba(150,255,150,.2) !important;
	outline: 1px solid rgba(150,255,150,.3);
}

#-webkit-web-inspector .data-grid tr td *{
	color: #bbb !important;
}

#-webkit-web-inspector .data-grid tr.selected td *{
	color: #ddd !important;
}


/*- UNORGANIZED SECTION BELOW */

#-webkit-web-inspector .split-view-sidebar-right .pane .sidebar-separator {
	background-image: -webkit-linear-gradient(#505050,#383838) !important;
	padding: 2px 5px !important;
	border-top: 1px solid #636363 !important;
	border-bottom: 1px solid black !important;
	color: #eee !important;
	text-shadow: #222 0 1px 0 !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	font-size: 11px !important;
}

#-webkit-web-inspector #error-warning-count {
	color: #CCC !important;
}

#-webkit-web-inspector #main-status-bar {
	border-top: 1px solid #333 !important;
}

/*****************************************
/* Tabbed Panes
/*****************************************/
#-webkit-web-inspector .status-bar, #-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header {
	background: -webkit-linear-gradient(#505050,#383838) !important;
	border-top: 1px solid #222 !important;
	border-bottom: 1px solid #222 !important;
	border-color: #222 !important;
	box-shadow: inset 0 1px 0 #6E6E6E, 0 2px 2px rgba(0, 0, 0, 0.4), 0 -2px 2px rgba(0, 0, 0, 0.4) !important;
}

#-webkit-web-inspector .tabbed-pane-header-contents {
	color: #bbb !important;
}

#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected,
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected {
	height: 25px !important;
	background-color: transparent !important;
	border: none !important;
	border-top: 2px solid #89F5A2 !important;
	color: #eee !important;
}

#-webkit-web-inspector .tabbed-pane-header-tabs-drop-down {
	color: #999 !important;
}

/* adjustment for horizontal split tabs */
#-webkit-web-inspector .panel.elements .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tabs {
	top: -2px !important;
	position: relative;
}

#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected {
	height: 20px !important;
	margin-top: 10px !important;
}

/*adjustment for smaller resources view */
#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab.selected .tabbed-pane-header-tab-title {
	position: relative;
	top: -5px;
}

#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab {
	border-top: 2px solid rgba(0,0,0,0) !important;
	margin-top: 2px !important;
	text-align: center !important;
	height: 30px !important;
}

/* adjust for horizontal split panels */
#-webkit-web-inspector .split-view-horizontal .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab {
	margin-top: 3px;
}

#-webkit-web-inspector .small .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab {
	border-top: 2px solid rgba(0,0,0,0) !important;
	margin-top: 5px !important;
	text-align: center !important;
}

#-webkit-web-inspector .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab:hover .tabbed-pane-header-tab-title {
	color: #eee !important;
}

/*adjust network tab placement */
#-webkit-web-inspector .network .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab {
	position: relative !important;
	top: -9px !important;
	padding-top: 5px !important;
}

/*adjust sources tabs and icons */
#-webkit-web-inspector .scripts .tabbed-pane:not(.help-window-main) .tabbed-pane-header-tab {
	position: relative !important;
	top: -1px !important;
	padding-top: 5px !important;
	border-bottom: none !important;
}

/* DOM Breakpoints */
#-webkit-web-inspector .pane > .body .info {
	color: #999 !important;
	font-style: normal;
}

#-webkit-web-inspector #scripts-debug-sidebar-contents .breakpoint-hit {
	background-color: #181818 !important;
	box-shadow: inset 0 1px 5px 0 #000 !important;
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #444 !important;
	color: #89f5a2 !important;
}

#-webkit-web-inspector #scripts-debug-sidebar-contents .breakpoint-list li:hover {
	background-color: rgba(137,245,162,.2) !important;
}

#-webkit-web-inspector .styles-section .properties .overloaded ,
#-webkit-web-inspector .styles-section .properties .inactive ,
#-webkit-web-inspector .styles-section .properties .disabled ,
#-webkit-web-inspector .styles-section .properties .not-parsed-ok {
	opacity: .5 !important;
}

#-webkit-web-inspector .bubble.error, #-webkit-web-inspector .bubble.warning {
	border-bottom: 1px solid #666;
	position: relative;
	right: 5px !important;
	text-shadow: 0 0 2px #666 !important;
}

#-webkit-web-inspector .bubble.error {
	background-color: #D82323 !important;
	box-shadow: inset 0 1px 0 0 #651010;
}

#-webkit-web-inspector .bubble.warning {
	background-color: #E8A400 !important;
	box-shadow: inset 0 1px 0 0 #A87600;
}

#-webkit-web-inspector :focus .selected .bubble.error, #-webkit-web-inspector :focus .selected .bubble.warning {
	color: #fff !important;
	border-bottom: 1px solid #D8FCDE;
}

#-webkit-web-inspector .selected .bubble.error, #-webkit-web-inspector .selected .bubble.warning {
	color: #fff !important;
	border-bottom: 1px solid #888;
}

#-webkit-web-inspector .webkit-html-message-bubble {
	color: #111 !important;
}

/**********************************************
/* Network Tab (uses table styles)
/**********************************************/
#-webkit-web-inspector #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
	text-decoration: none !important;
}

#-webkit-web-inspector .network-summary-bar {
	background-image: -webkit-linear-gradient(top, #646464, #353535);
}

#-webkit-web-inspector .network-summary-bar td{
	color: #aaa !important;
}

#-webkit-web-inspector #network-container .network-summary-bar td {
	border-right: none !important;
}

#-webkit-web-inspector #network-container .header {
	color: #89F5A2 !important;
}

#-webkit-web-inspector #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
	background-color: #444 !important;
}

#-webkit-web-inspector .data-grid th.sort-ascending,
#-webkit-web-inspector .data-grid th.sort-descending,
#-webkit-web-inspector .data-grid th.sortable,
#-webkit-web-inspector .data-grid .timeline-column,
#-webkit-web-inspector .data-grid .corner {
	border-right: 1px solid #444 !important;
	border-bottom: 1px solid #444 !important;
}

#-webkit-web-inspector .data-grid .network-timeline-grid .resources-divider-label {
	color: #db0 !important;
}

#-webkit-web-inspector .data-grid .network-timeline-grid .resources-divider {
	border-right: 1px solid rgba(51,51,51,.8);
}

/*dropdownlist in network panel*/
#-webkit-web-inspector .timeline-column option {
	color: #ddd !important;
	background: #222 !important;
}
#-webkit-web-inspector #network-views .network-item-view {
	background: #242424 !important;
}

#-webkit-web-inspector .network-log-grid.data-grid table {
	color: #333 !important;
}

#-webkit-web-inspector .outline-disclosure > ol,
#-webkit-web-inspector .resource-headers-view .outline-disclosure .parent {
	color: #CCC !important;
}

#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-name,
#-webkit-web-inspector #network-views .resource-view .infoList dt {
	color: #777 !important;
}

#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-value,
#-webkit-web-inspector #network-views .resource-view .infoList dd {
	color: #bbb !important;
}

/*Cookies Pane table*/
#-webkit-web-inspector #network-views .resource-cookies-view.visible tr:nth-child(even){
	background-color: #282828 !important;
}

#-webkit-web-inspector #network-views .resource-cookies-view.visible tr:nth-child(odd){
	background-color: #2d2d2d !important;
}

#-webkit-web-inspector #network-views .resource-cookies-view.visible .data-grid.visible {
	border: 1px solid #333 !important;
}

/* Network Timing Pane */
#-webkit-web-inspector .resource-timing-view .network-timing-bar-title {
	color: #888!important;
}

#-webkit-web-inspector .resource-timing-view table {
	background-color: #666 !important;
	padding: 20px !important;
	border-radius: 4px;
	margin: 20px !important;
}

#-webkit-web-inspector .resource-timing-view table td {
	color: #222 !important;
}

#-webkit-web-inspector .resource-timing-view table td .network-timing-bar-title {
	color: #222 !important;
}

#-webkit-web-inspector #network-views .parent {
	background-color: #2D2D2D;
	color: #ddd !important;
	border-top: 1px solid #5d5d5d;
	border-bottom: 1px solid #111;
	line-height: 18px;
}

#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-count,
#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-toggle {
	color: #89F5A2 !important;
	margin-left: 4px !important;
}

#-webkit-web-inspector .resource-headers-view .outline-disclosure .header-toggle:hover {
	text-shadow: 0 0 10px #89F5A2;
}

#-webkit-web-inspector .network-log-grid.data-grid tr.filler {
	background-color: #242424 !important;
}

#-webkit-web-inspector #profile-views .data-grid td > div {
	color: #333 !important;
}

#-webkit-web-inspector .network-cell-subtitle {
	color: #888 !important;
}

#-webkit-web-inspector tr.selected .network-cell-subtitle {
	color: #db0 !important;
}

#-webkit-web-inspector .network-log-grid.data-grid td {
	border-right: 1px solid #333 !important;
}

#-webkit-web-inspector .network-graph-side:hover .network-graph-label {
	color: #fff !important;
	font-size: 12px !important;
}



/**********************************************
/* Timeline Tab
/**********************************************/
#-webkit-web-inspector .timeline-category-statusbar-item,
#-webkit-web-inspector .timeline-records-stats {
	text-shadow: none !important;
	color: #ccc !important;
}

/* Timeline */
#-webkit-web-inspector .sidebar-tree-section {
	text-shadow: none !important;
}

/* Sources */

/*placeholder text when no file is open*/
#-webkit-web-inspector .tabbed-pane-placeholder {
	text-shadow: 0 1px 0 #000 !important;
	color: #999 !important;
}

/*line numbers */
#-webkit-web-inspector .text-editor-lines {
	background-color: #282828 !important;
	border-right: 2px solid #2b2b2b !important;
}

#-webkit-web-inspector .split-view-vertical > .split-view-sidebar.split-view-contents-second:not(.maximized){
	border-left: 2px solid #2b2b2b !important;
}

#-webkit-web-inspector .split-view-vertical > .split-view-sidebar.split-view-contents-first:not(.maximized){
	border-right: 2px solid #2b2b2b !important;
}

#-webkit-web-inspector .outline-disclosure > ol .source-code {
	color: #49a6d2 !important;
}

#-webkit-web-inspector .breakpoint-list li {
	color: #e6da83 !important;
}

#-webkit-web-inspector .sidebar-pane > .body .info,
#-webkit-web-inspector .sidebar-label,
#-webkit-web-inspector .placard .title,
#-webkit-web-inspector .placard .subtitle {
	color: #AAA !important;
}

/* Call Stack */
#-webkit-web-inspector .placard.selected {
	background: #333 !important;
	border-top: 0 !important;
}

#-webkit-web-inspector .placard:nth-of-type(2n) {
	background: #444 !important;
	border-top: 0 !important;
}

#-webkit-web-inspector .sidebar-pane > .body .placard + .info {
	background: #222 !important;
	border-top: 0 !important;
	color: #c41a16 !important;
	font-style: normal !important;
}

#-webkit-web-inspector .sidebar-pane-stack .section,
#-webkit-web-inspector .sidebar-pane .section,
#-webkit-web-inspector .sidebar-pane .event-category {
	border-top: 1px solid #333 !important;
	border-bottom: 1px solid #111 !important;
	margin-top: 0 !important;
}

#-webkit-web-inspector .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1){
	border-bottom: none !important;
}

#-webkit-web-inspector .sidebar-pane-stack .section .event-bars,
#-webkit-web-inspector .sidebar-pane .section .event-bars,
#-webkit-web-inspector .sidebar-pane-stack .properties-tree,
#-webkit-web-inspector .sidebar-pane .properties-tree {
 background-color: #1f1f1f !important;

}

#-webkit-web-inspector .sidebar-pane-stack .section .event-bars,
#-webkit-web-inspector .sidebar-pane-toolbar .select-settings option,
#-webkit-web-inspector .sidebar-pane-toolbar .sidebar-pane-subtitle,
#-webkit-web-inspector .sidebar-pane {
	color: #bbb !important;
}

/*pane colors*/
#-webkit-web-inspector .sidebar-pane-title {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(51, 51, 51)), color-stop(0.05, rgb(88,88,88)), color-stop(0.05, rgb(80,80,80)), to(rgb(45, 42, 48))) !important;
	color: rgb(204, 204, 204);
	border-top: #333 !important;
	border-bottom: #333 !important;
}

#-webkit-web-inspector .pane-title-button.add,
#-webkit-web-inspector .sidebar-pane-toolbar > .pane-title-button.refresh,
#-webkit-web-inspector .pane-title-button.element-state {
	/*background-image: none !important;*/
	-webkit-background-position: -24px 0 !important;
	background-color: rgba(0,0,0,.8) !important;
	-webkit-mask-repeat: no-repeat !important;
}

#-webkit-web-inspector .pane-title-button.add {
	-webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneAddButtons.png) !important;
}

#-webkit-web-inspector .sidebar-pane-toolbar > .pane-title-button.refresh {
	 -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneRefreshButtons.png) !important;
}

#-webkit-web-inspector .panel.elements .sidebar-pane-toolbar > select.select-settings {
	/*background-image: none !important; */
	-webkit-background-position: -24px 0 !important;
	background-color: rgba(0,0,0,.8) !important;
	-webkit-mask-repeat: no-repeat !important;
	-webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneSettingsButtons.png) !important;
}

#-webkit-web-inspector .pane-title-button.element-state {
	 -webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/paneElementStateButtons.png) !important;
}

#-webkit-web-inspector #drawer-contents .webkit-line-number {
	background: #2d2d2d !important;
	border-right: 1px solid #444 !important;
	padding: 1px 5px 1px 0 !important;
	display: inline-block;
	color: #999 !important;

}

/* Highlight in Scripts  */
#-webkit-web-inspector .webkit-highlighted-line.webkit-line-content {
	border-radius: 2px;
}

#-webkit-web-inspector .webkit-highlighted-line.webkit-line-content * {
	color: #000 !important;
}

/*exception icon state colors */
#-webkit-web-inspector .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
	background-color: rgba(180,3,3,.4) !important;
}

#-webkit-web-inspector .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
	background-color: rgba(213,181,0,.6) !important;
}

#-webkit-web-inspector .webkit-highlighted-line {
	background-color: #89F5A2 !important;
}



/*pixel adjustment for mac */
#-webkit-web-inspector.platform-mac .styles-section.matched-styles .properties li.parent .expand-element,
#-webkit-web-inspector.platform-mac #console-messages .console-group-messages .section .header::before,
#-webkit-web-inspector.platform-mac #console-messages .properties-tree li.parent::before,
#-webkit-web-inspector.platform-mac .outline-disclosure li.parent::before,
#-webkit-web-inspector.platform-mac #search-results-pane-file-based .parent::before,
#-webkit-web-inspector.platform-mac .properties-tree li.parent::before,
#-webkit-web-inspector.platform-mac .section > .header::before,
#-webkit-web-inspector.platform-mac .section .event-bar .header::before,
#-webkit-web-inspector.platform-mac .sidebar-pane .parent::before,
#-webkit-web-inspector.platform-mac .sidebar-pane-stack .sidebar-pane-title::before {
	-webkit-mask-position: -4px -96px !important;
}

/* disable dark background for timeline */
#-webkit-web-inspector #timeline-graphs,
#-webkit-web-inspector #memory-counters-graph,
#-webkit-web-inspector #counter-values-bar {
	background-color: #eee !important;
}

/* ***disabled until timeline background is fixed***
/* lighter arrows
#-webkit-web-inspector #resources-container-content #timeline-graphs .timeline-expandable-collapsed {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTkwMjMzQTRBNTJCMTFFMjkwRDA4RDMwNkEwMzRDNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTkwMjMzQTVBNTJCMTFFMjkwRDA4RDMwNkEwMzRDNDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OTAyMzNBMkE1MkIxMUUyOTBEMDhEMzA2QTAzNEM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1OTAyMzNBM0E1MkIxMUUyOTBEMDhEMzA2QTAzNEM0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqV9kOoAAABWSURBVHjaYvz//z8DsYCJgQTAAmMcPnxYEEi9J9bkNCDeDcQuxDrDBaoBqyZcbsaqiZAHUTQRGxr3QJiFgKJZQNwJVczAQowijHDGpwgGGEmJboAAAwAPGRiAHhEthgAAAABJRU5ErkJggg==) !important;
}

#-webkit-web-inspector #resources-container-content #timeline-graphs .timeline-expandable-expanded {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTg1NzY5NjdBNTJCMTFFMkIyQTBFOTdDMUUyOERDNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTg1NzY5NjhBNTJCMTFFMkIyQTBFOTdDMUUyOERDNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODU3Njk2NUE1MkIxMUUyQjJBMEU5N0MxRTI4REM1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODU3Njk2NkE1MkIxMUUyQjJBMEU5N0MxRTI4REM1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtQNkNoAAABqSURBVHjaYvz//z8DsYCJgQTAAiIOHTqkBKSU8Kh7b2dnd5YFSWA3HsUVQHwW5ox7QDwLl6kwOWQ3d+JQ3AnVgKIYm+nvkcWYsJiC1VRsipFNf49uExMON2KYikvxPahCjNBhJCW6AQIMAPBWHhzjBh3WAAAAAElFTkSuQmCC) !important;
}

*/


/*pixel adjustment for mac */
#-webkit-web-inspector.platform-mac .styles-section.matched-styles .properties li.parent.expanded .expand-element,
#-webkit-web-inspector.platform-mac #console-messages .console-group-messages .section.expanded .header::before,
#-webkit-web-inspector.platform-mac #console-messages .properties-tree li.parent.expanded::before,
#-webkit-web-inspector.platform-mac .outline-disclosure li.parent.expanded::before,
#-webkit-web-inspector.platform-mac #search-results-pane-file-based .parent.expanded::before,
#-webkit-web-inspector.platform-mac .properties-tree li.parent.expanded::before,
#-webkit-web-inspector.platform-mac .section.expanded > .header::before,
#-webkit-web-inspector.platform-mac .section .event-bar.expanded .header::before,
#-webkit-web-inspector.platform-mac .sidebar-pane .parent.expanded::before,
#-webkit-web-inspector.platform-mac .sidebar-pane-stack .sidebar-pane-title.expanded::before {
	 -webkit-mask-position: -20px -96px !important;
}

#-webkit-web-inspector .resource-view .properties-tree li.parent::before {
	-webkit-mask-position: -4px -93px !important;
}

#-webkit-web-inspector .resource-view .properties-tree li.parent.expanded::before {
	-webkit-mask-position: -20px -93px !important;
}

/* sort arrows point down*/
.data-grid th.sort-ascending > div::after {
	background-image: none !important;
	-webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png) !important;
	-webkit-mask-position: -20px -96px !important;
	color: rgba(0,0,0,0) !important;
	background-color: #AAB0AF !important;
	opacity: 1 !important;
}

/* sort arrows point up */
.data-grid th.sort-descending > div::after {
	background-image: none !important;
	-webkit-mask-image: url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png) !important;
	-webkit-mask-position: -4px -108px !important;
	color: rgba(0,0,0,0) !important;
	background-color: #AAB0AF !important;
	opacity: 1 !important;
}

#-webkit-web-inspector .properties-tree li,
#-webkit-web-inspector .outline-disclosure li::before,
#-webkit-web-inspector .properties-tree li.parent {
	background-color: inherit !important;
}

/**********************************************/
/* Elements/Network
/**********************************************/
#-webkit-web-inspector .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) table {
	color: white !important;
}

#-webkit-web-inspector .network-graph-bar,
#-webkit-web-inspector .network-graph-label,
#-webkit-web-inspector .network-graph-bar-area {
	color: white !important;
}

/**********************************************/
/* Layout
/**********************************************/
/*not sure what this does
#-webkit-web-inspector #storage-views .script-view,
#-webkit-web-inspector #network-views .script-view,
#-webkit-web-inspector #script-resource-views .script-view {
	color: #ccc !important;
}
*/

#-webkit-web-inspector #floating-status-bar-container {
	z-index: 100 !important;
}

/*

/**********************************************/
/* Layout
/**********************************************/
 
#-webkit-web-inspector #elements-content.source-code {
	background: #2f2f30;
	font-size: 12px !important;
}

 

 
/**********************************************/
/* HTML
/**********************************************/
 
#-webkit-web-inspector #elements-content .webkit-html-comment {
	color: #8c8c8c !important;
}

 
#-webkit-web-inspector #elements-content .webkit-html-tag {
	color: #f61168 !important;
}
 
#-webkit-web-inspector #elements-content .webkit-html-attribute-name {
	color: #8ad50b !important;
}
 
#-webkit-web-inspector #elements-content .webkit-html-attribute-value {
	color: #ffdd6d !important;
}
 

#-webkit-web-inspector #elements-content .webkit-html-text-node {
	color: #ffffff !important;
}
 
#-webkit-web-inspector #elements-content .webkit-html-css-node {
	color: #c2c3c3 !important;
}
 
#-webkit-web-inspector #elements-content .webkit-html-js-node {
	color: #c2c3c3 !important;
}

/**********************************************/
/* JavaScript
/**********************************************/
 

#-webkit-web-inspector #elements-content .webkit-javascript-keyword {
	color: yellow !important;
}
 
#-webkit-web-inspector #elements-content .webkit-javascript-ident {
	color: cyan !important;
}
 
 
#-webkit-web-inspector #elements-content ::selection {
	background: slategray;
	color: #fff;
	text-shadow: none;
}

#-webkit-web-inspector .sidebar-pane-title {
	text-shadow: none !important;
}

#-webkit-web-inspector .outline-disclosure li.parent {
	position: relative;
}

#-webkit-web-inspector .outline-disclosure li.parent:before {
	font-family: 'Arial' !important;
	color: rgba(255,255,255,.2) !important;  
	content: '►' !important;
	padding-right: 5px !important;
	font-size: 9px !important;
}


#-webkit-web-inspector .outline-disclosure .parent.expanded::before {
	content: '▼' !important;
}

#-webkit-web-inspector .outline-disclosure li.parent.selected::before {
	background: none !important;
}
