1.ace_gutter-cell{
  2	padding-left: 20px;
  3	padding-right: 16px !important;
  4}
  5.ace_editor, .jsoneditor{
  6	border-radius: 4px;
  7}
  8.ace_editor{
  9	min-height: 300px;
 10}
 11.jsoneditor {
 12	border: 0;
 13}
 14
 15/* light theme */
 16.ace-dawn .ace_gutter {
 17	background: #ebebeb;
 18	color: #333
 19}
 20
 21.ace-dawn .ace_print-margin {
 22	width: 1px;
 23	background: #e8e8e8
 24}
 25
 26.ace-dawn {
 27	background-color: #F9F9F9;
 28	color: #080808
 29}
 30
 31.ace-dawn .ace_cursor {
 32	color: #000000
 33}
 34
 35.ace-dawn .ace_marker-layer .ace_selection {
 36	background: rgba(39, 95, 255, 0.30)
 37}
 38
 39.ace-dawn.ace_multiselect .ace_selection.ace_start {
 40	box-shadow: 0 0 3px 0px #F9F9F9;
 41}
 42
 43.ace-dawn .ace_marker-layer .ace_step {
 44	background: rgb(255, 255, 0)
 45}
 46
 47.ace-dawn .ace_marker-layer .ace_bracket {
 48	margin: -1px 0 0 -1px;
 49	border: 1px solid rgba(75, 75, 126, 0.50)
 50}
 51
 52.ace-dawn .ace_marker-layer .ace_active-line {
 53	background: rgba(36, 99, 180, 0.12)
 54}
 55
 56.ace-dawn .ace_gutter-active-line {
 57	background-color : #dcdcdc
 58}
 59
 60.ace-dawn .ace_marker-layer .ace_selected-word {
 61	border: 1px solid rgba(39, 95, 255, 0.30)
 62}
 63
 64.ace-dawn .ace_invisible {
 65	color: rgba(75, 75, 126, 0.50)
 66}
 67
 68.ace-dawn .ace_keyword,
 69.ace-dawn .ace_meta {
 70	color: #794938
 71}
 72
 73.ace-dawn .ace_constant,
 74.ace-dawn .ace_constant.ace_character,
 75.ace-dawn .ace_constant.ace_character.ace_escape,
 76.ace-dawn .ace_constant.ace_other {
 77	color: #811F24
 78}
 79
 80.ace-dawn .ace_invalid.ace_illegal {
 81	text-decoration: underline;
 82	font-style: italic;
 83	color: #F8F8F8;
 84	background-color: #B52A1D
 85}
 86
 87.ace-dawn .ace_invalid.ace_deprecated {
 88	text-decoration: underline;
 89	font-style: italic;
 90	color: #B52A1D
 91}
 92
 93.ace-dawn .ace_support {
 94	color: #691C97
 95}
 96
 97.ace-dawn .ace_support.ace_constant {
 98	color: #B4371F
 99}
100
101.ace-dawn .ace_fold {
102	background-color: #794938;
103	border-color: #080808
104}
105
106.ace-dawn .ace_list,
107.ace-dawn .ace_markup.ace_list,
108.ace-dawn .ace_support.ace_function {
109	color: #693A17
110}
111
112.ace-dawn .ace_storage {
113	font-style: italic;
114	color: #A71D5D
115}
116
117.ace-dawn .ace_string {
118	color: #0B6125
119}
120
121.ace-dawn .ace_string.ace_regexp {
122	color: #CF5628
123}
124
125.ace-dawn .ace_comment {
126	font-style: italic;
127	color: #5A525F
128}
129
130.ace-dawn .ace_heading,
131.ace-dawn .ace_markup.ace_heading {
132	color: #19356D
133}
134
135.ace-dawn .ace_variable {
136	color: #234A97
137}
138
139.ace-dawn .ace_indent-guide {
140	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYLh/5+x/AAizA4hxNNsZAAAAAElFTkSuQmCC) right repeat-y
141}
142
143.ace-dawn .ace_indent-guide-active {
144	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC") right repeat-y;
145}
146
147
148/* dark theme */
149.ace-nord-dark .ace_gutter {
150	color: #616e88;
151}
152
153.ace-nord-dark .ace_print-margin {
154	width: 1px;
155	background: #4c566a;
156}
157
158.ace-nord-dark {
159	background-color: #2e3440;
160	color: #d8dee9;
161}
162
163.ace-nord-dark .ace_entity.ace_other.ace_attribute-name,
164.ace-nord-dark .ace_storage {
165	color: #d8dee9;
166}
167
168.ace-nord-dark .ace_cursor {
169	color: #d8dee9;
170}
171
172.ace-nord-dark .ace_string.ace_regexp {
173	color: #bf616a;
174}
175
176.ace-nord-dark .ace_marker-layer .ace_active-line {
177	background: #434c5ecc;
178}
179.ace-nord-dark .ace_marker-layer .ace_selection {
180	background: #434c5ecc;
181}
182
183.ace-nord-dark.ace_multiselect .ace_selection.ace_start {
184	box-shadow: 0 0 3px 0px #2e3440;
185}
186
187.ace-nord-dark .ace_marker-layer .ace_step {
188	background: #ebcb8b;
189}
190
191.ace-nord-dark .ace_marker-layer .ace_bracket {
192	margin: -1px 0 0 -1px;
193	border: 1px solid #88c0d066;
194}
195
196.ace-nord-dark .ace_gutter-active-line {
197	background-color: #434c5ecc;
198}
199
200.ace-nord-dark .ace_marker-layer .ace_selected-word {
201	border: 1px solid #88c0d066;
202}
203
204.ace-nord-dark .ace_invisible {
205	color: #4c566a;
206}
207
208.ace-nord-dark .ace_keyword,
209.ace-nord-dark .ace_meta,
210.ace-nord-dark .ace_support.ace_class,
211.ace-nord-dark .ace_support.ace_type {
212	color: #81a1c1;
213}
214
215.ace-nord-dark .ace_constant.ace_character,
216.ace-nord-dark .ace_constant.ace_other {
217	color: #d8dee9;
218}
219
220.ace-nord-dark .ace_constant.ace_language {
221	color: #5e81ac;
222}
223
224.ace-nord-dark .ace_constant.ace_escape {
225	color: #ebcB8b;
226}
227
228.ace-nord-dark .ace_constant.ace_numeric {
229	color: #b48ead;
230}
231
232.ace-nord-dark .ace_fold {
233	background-color: #4c566a;
234	border-color: #d8dee9;
235}
236
237.ace-nord-dark .ace_entity.ace_name.ace_function,
238.ace-nord-dark .ace_entity.ace_name.ace_tag,
239.ace-nord-dark .ace_support.ace_function,
240.ace-nord-dark .ace_variable,
241.ace-nord-dark .ace_variable.ace_language {
242	color: #8fbcbb;
243}
244
245.ace-nord-dark .ace_string {
246	color: #a3be8c;
247}
248
249.ace-nord-dark .ace_comment {
250	color: #616e88;
251}
252
253.ace-nord-dark .ace_indent-guide {
254	box-shadow: inset -1px 0 0 0 #434c5eb3;
255}
256
257.ace-nord-dark .ace_indent-guide-active {
258	box-shadow: inset -1px 0 0 0 #8395b8b3;
259}