1html body .geDiagramContainer, html body div.geMenubarContainer, html body td.mxPopupMenuIcon, html body .geFormatContainer, html body div.geMenubarContainer .geStatus:hover {
2	background-color:#2a2a2a;
3}
4html body .mxCellEditor {
5	color: #f0f0f0;
6}
7html body.geEditor div.mxPopupMenu {
8	border:3px solid #505759;
9	background:#2a2a2a;
10	box-shadow:none;
11}
12html .geSidebarContainer button {
13	border: 1px solid #505759;
14	border-radius: 3px;
15}
16html body.geEditor div.mxPopupMenu hr {
17	background-color:#505759;
18}
19html body .geTabContainer {
20	border-top:1px solid #505759;
21	background-color:#2a2a2a;
22}
23html body .geDragPreview {
24	border: 1px dashed #cccccc;
25}
26html body .geMenubarContainer .geItem:active, html .geSidebarContainer button:active {
27	opacity: 0.7;
28}
29html body, html body .geFooterContainer, html body #geFooterItem1, html body textarea,
30	html body .mxWindowTitle, html body .geDialogTitle, html body .geDialogFooter, select,
31	html .geEditor div.mxTooltip, html .geHint
32{
33	background:#2a2a2a;
34	color:#cccccc;
35}
36html body a {
37	color:#337ab7;
38}
39html body div.mxRubberband {
40	border:1px dashed #ffffff !important;
41	background:#505759 !important;
42}
43html body .geTemplate {
44	color:#000000;
45}
46html body .geToolbarContainer, html body .geSidebar, html body .geSidebarContainer .geTitle, html body input,
47html body textarea, html body button, html body .geColorBtn, html body .geBaseButton, html body .geSidebarTooltip,
48html body .geBaseButton, html .geSidebarContainer button {
49	background:#2a2a2a;
50	border-color:#505759;
51	box-shadow:none;
52	color:#cccccc;
53}
54html body .geSidebarTooltip {
55	border:1px solid #505759;
56}
57html body .geSprite, html body .geSocialFooter img, html body .mxPopupMenuItem>img {
58	filter:invert(100%);
59}
60html body .geFormatContainer {
61	background-color:#2a2a2a !important;
62	border-left:1px solid #505759;
63}
64html body .geSidebarFooter {
65	border-top:1px solid #505759;
66}
67html body .geFormatSection {
68	border-bottom:1px solid #505759;
69	border-color:#505759;
70}
71html body .geDiagramContainer {
72	border-color:#505759;
73}
74html body .geSidebarContainer a, html body .geMenubarContainer a, html body .geToolbar a {
75	color:#cccccc;
76}
77html body .geMenubarMenu {
78	border-color:#505759 !important;
79}
80html body .geToolbarMenu, html body .geFooterContainer, html body .geFooterContainer td {
81	border-color:#505759;
82}
83html body .geFooterContainer a {
84	background-color:none;
85}
86html body .geFooterContainer td:hover, html body #geFooterItem1:hover {
87	background-color:#000000;
88}
89html body .geSidebarContainer, html body .geDiagramBackdrop {
90	background-color:#2a2a2a;
91}
92html body .geBackgroundPage {
93	box-shadow:none;
94}
95html body .geBtn {
96	background:#2a2a2a !important;
97	border-color:#505759 !important;
98	color: #cccccc !important;
99}
100html body .gePrimaryBtn {
101	background:#505759 !important;
102	border-color:#cccccc !important;
103	color:#cccccc !important;
104}
105.gePropHeader, .gePropRow, .gePropRowDark, .gePropRowCell, .gePropRow>.gePropRowCell, .gePropRowAlt>.gePropRowCell, .gePropRowDark>.gePropRowCell, .gePropRowDarkAlt>.gePropRowCell {
106	background:#2a2a2a !important;
107	border-color:#2a2a2a !important;
108	color:#cccccc !important;
109	font-weight:normal !important;
110}
111html body .geBtn:hover {
112	background:#000000 !important;
113}
114html body tr.mxPopupMenuItem {
115	color:#cccccc;
116}
117html body tr.mxPopupMenuItemHover {
118	background:#000000;
119	color:#cccccc;
120}
121html body .geSidebarContainer .geTitle:hover, html body .geSidebarContainer .geItem:hover,
122html body .geMenubarContainer .geItem:hover, html body .geBaseButton:hover,
123html .geSidebarContainer button:hover {
124	background:#000000;
125}
126html body .geToolbarContainer .geSeparator {
127	background-color:#505759;
128}
129html body .geHsplit, html body .geVsplit, html body table.mxPopupMenu hr {
130	border-color:#505759;
131	background-color:#2a2a2a;
132}
133html body .geToolbarContainer .geButton:hover, html body .geToolbarContainer .geButton:active,
134html body .geToolbarContainer .geLabel:hover, html body .geToolbarContainer .geLabel:active,
135html body .geHsplit:hover, html body .geVsplit:hover, html .geSidebarContainer button:active {
136	background-color:#000;
137}
138html body .geToolbar {
139	border-color:#505759;
140	box-shadow:none;
141}
142html body .geDialog, html body div.mxWindow {
143	background:#2a2a2a;
144	border-color:#c0c0c0;
145	box-shadow:none;
146	color:#cccccc;
147}
148html body .geActivePage {
149	border-bottom: 3px solid #DF6C0C !important;
150}
151.geHint {
152	-webkit-box-shadow: 1px 1px 1px 0px #ccc;
153	-moz-box-shadow: 1px 1px 1px 0px #ccc;
154	box-shadow: 1px 1px 1px 0px #ccc;
155}
156html .geEditor ::-webkit-scrollbar-thumb {
157	background-color: #505759;
158}
159html .geEditor ::-webkit-scrollbar-thumb:hover, .geHsplit:hover, .geVsplit:hover {
160	background-color:#a0a0a0;
161}
162html body .geStatusAlert {
163	background-color:#a20025;
164	border:1px solid #bd002b;
165	color:#fff !important;
166}
167html body .geStatusAlert:hover {
168	background-color:#a20025;
169	border-color:#bd002b;
170}
171html body .geCommentContainer {
172	background-color: transparent;
173	border-width: 1px;
174	box-shadow: none;
175	color: inherit;
176}
177
178.geNotification-bell * {
179  display: block;
180  margin: 0 auto;
181  background-color: #aaa !important;
182  box-shadow: 0px 0px 10px #aaa !important;
183}
184
185.geNotification-count {
186  position: absolute;
187  z-index: 1;
188  top: -5px;
189  right: 7px;
190  width: 15px;
191  height: 15px;
192  line-height: 15px;
193  font-size: 10px;
194  border-radius: 50%;
195  background-color: #ff4927;
196  color: #DEEBFF !important;
197  animation: geZoomAnim 1s 1s both;
198}
199
200.geNotifPanel .header {
201  height: 30px;
202  width: 100%;
203  background: #424242 !important;
204  color: #ccc !important;
205  font-size: 15px;
206}
207
208.geNotifPanel .notifications {
209    position: relative;
210    height: 270px;
211    overflow-x: hidden;
212    overflow-y: auto;
213    background-color: #707070;
214}