-
Notifications
You must be signed in to change notification settings - Fork 25
/
holo-hc-dark-elements.css
279 lines (261 loc) · 16.1 KB
/
holo-hc-dark-elements.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
/* Honeycomb Holo Dark styles for elements
* Part of the Holo Web CSS library
*
* Copyright 2012-2015 Zachary Yaro
* Released under the MIT license
* http://holo.zmyaro.com/LICENSE.txt
*/
body {
background-color: black;
color: white;
}
body:before {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#332C4C'); /* old versions of IE get */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#332C4C')"; /* boring linear gradients */
background-image: -webkit-gradient(radial, 5% 85%, 0, 5% 85%, 500, from(#332C4C), to(black));
background-image: -webkit-radial-gradient(5% 85%, 100% 20%, #332C4C 5%, black);
background-image: -moz-radial-gradient(5% 85%, 100% 20%, #332C4C 5%, black);
background-image: -ms-radial-gradient(5% 85%, 100% 20%, #332C4C 5%, black);
background-image: -o-radial-gradient(5% 85%, 100% 20%, #332C4C 5%, black);
background-image: radial-gradient(5% 85%, 100% 20%, #332C4C 5%, black);
}
button, *[role="button"],
input[type="button"], input[type="submit"], input[type="reset"] {
background-color: #262626;
background-color: rgba(153, 153, 153, 0.26);
border-left-color: #262626;
border-left-color: rgba(153, 153, 153, 0);
border-right-color: #262626;
border-right-color: rgba(153, 153, 153, 0);
border-top-color: #4F4F4F;
border-top-color: rgba(182, 182, 182, 0.29);
border-bottom-color: #2A2A2A;
border-bottom-color: rgba(89, 89, 89, 0.09);
-webkit-box-shadow: 0 -1px 0 0 rgba(51, 51, 51, 0.12);
-moz-box-shadow: 0 -1px 0 0 rgba(51, 51, 51, 0.12);
box-shadow: 0 -1px 0 0 rgba(51, 51, 51, 0.12);
color: white;
}
button:focus, *[role="button"]:focus,
input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus {
-webkit-box-shadow: 0 -1px 0 0 rgba(51, 51, 51, 0.12), 0 0 0 2px rgba(153, 204, 0, 0.5);
-moz-box-shadow: 0 -1px 0 0 rgba(51, 51, 51, 0.12), 0 0 0 2px rgba(153, 204, 0, 0.5);
box-shadow: 0 -1px 0 0 rgba(51, 51, 51, 0.12), 0 0 0 2px rgba(153, 204, 0, 0.5);
}
/* The “active” class is used to force the appearance of the active/pressed state */
button:enabled:active, *[role="button"]:active,
input[type="button"]:enabled:active, input[type="submit"]:enabled:active, input[type="reset"]:enabled:active,
button:enabled.active, *[role="button"].active,
input[type="button"]:enabled.active, input[type="submit"]:enabled.active, input[type="reset"]:enabled.active {
background-color: #94B2F2;
background-color: rgba(97, 145, 244, 0.64);
border-left-color: #94B2F2;
border-left-color: rgba(97, 145, 244, 0);
border-right-color: #94B2F2;
border-right-color: rgba(97, 145, 244, 0);
border-top-color: #A2B9E8;
border-top-color: rgba(134, 165, 230, 0.73);
border-top-color: rgba(182, 182, 182, 0.32);
border-bottom-color: #768CB8;
border-bottom-color: rgba(78, 107, 166, 0.75);
-webkit-box-shadow: 0 1px 0 0 rgba(89, 127, 203, 0.48), 0 0 0 4px rgba(102, 153, 255, 0.41);
-moz-box-shadow: 0 1px 0 0 rgba(89, 127, 203, 0.48), 0 0 0 4px rgba(102, 153, 255, 0.41);
box-shadow: 0 1px 0 0 rgba(89, 127, 203, 0.48), 0 0 0 4px rgba(102, 153, 255, 0.41);
}
select:not([size]), select[size="1"] {
background: -webkit-linear-gradient(135deg, rgba(204, 204, 204, 0.6) 8px, rgba(204, 204, 204, 0) 9px);
background: -moz-linear-gradient(135deg, rgba(204, 204, 204, 0.6) 8px, rgba(204, 204, 204, 0) 9px);
background: -ms-linear-gradient(135deg, rgba(204, 204, 204, 0.6) 8px, rgba(204, 204, 204, 0) 9px);
background: -o-linear-gradient(135deg, rgba(204, 204, 204, 0.6) 8px, rgba(204, 204, 204, 0) 9px);
background: linear-gradient(315deg, rgba(204, 204, 204, 0.6) 8px, rgba(204, 204, 204, 0) 9px);
border-bottom-color: #3D3D3D;
border-bottom-color: rgba(204, 204, 204, 0.3);
color: white;
}
select:not([size]):focus, select[size="1"]:focus {
background: -webkit-linear-gradient(135deg, rgba(153, 204, 0, 0.8) 8px, rgba(153, 204, 0, 0) 9px);
background: -moz-linear-gradient(135deg, rgba(153, 204, 0, 0.8) 8px, rgba(153, 204, 0, 0) 9px);
background: -ms-linear-gradient(135deg, rgba(153, 204, 0, 0.8) 8px, rgba(153, 204, 0, 0) 9px);
background: -o-linear-gradient(135deg, rgba(153, 204, 0, 0.8) 8px, rgba(153, 204, 0, 0) 9px);
background: linear-gradient(315deg, rgba(153, 204, 0, 0.8) 8px, rgba(153, 204, 0, 0) 9px);
border-bottom-color: #99CC00;
-webkit-box-shadow: 0 2px 0 0 #99CC00;
-moz-box-shadow: 0 2px 0 0 #99CC00;
box-shadow: 0 2px 0 0 #99CC00;
}
/* The “active” class is used to force the appearance of the active/pressed state */
select:not([size]):active, select[size="1"]:active,
select:not([size]).active, select[size="1"].active {
background-color: #192640;
background-color: rgba(102, 153, 255, 0.25);
background: -webkit-linear-gradient(135deg, rgba(189, 196, 212, 0.7) 8px, rgba(102, 153, 255, 0.25) 9px);
background: -moz-linear-gradient(135deg, rgba(189, 196, 212, 0.7) 8px, rgba(102, 153, 255, 0.25) 9px);
background: -ms-linear-gradient(135deg, rgba(189, 196, 212, 0.7) 8px, rgba(102, 153, 255, 0.25) 9px);
background: -o-linear-gradient(135deg, rgba(189, 196, 212, 0.7) 8px, rgba(102, 153, 255, 0.25) 9px);
background: linear-gradient(315deg, rgba(189, 196, 212, 0.7) 8px, rgba(102, 153, 255, 0.25) 9px);
border-bottom-color: #4F586A;
border-bottom-color: rgba(166, 185, 223, 0.48);
-webkit-box-shadow: 0 0 0 4px rgba(102, 153, 255, 0.25);
-moz-box-shadow: 0 0 0 4px rgba(102, 153, 255, 0.25);
box-shadow: 0 0 0 4px rgba(102, 153, 255, 0.25);
}
option {
background-color: black;
color: white;
border-top: 1px solid #3B3B3B;
border-top-color: rgba(255, 255, 255, 0.23);
}
input[type="radio"], input[type="checkbox"] {
border-color: #515151;
border-color: rgba(204, 204, 204, 0.41);
}
input[type="radio"]:focus, input[type="checkbox"]:focus {
-webkit-box-shadow: 0px 0px 0px 2px rgba(153, 204, 0, 0.47);
-moz-box-shadow: 0px 0px 0px 2px rgba(153, 204, 0, 0.47);
box-shadow: 0px 0px 0px 2px rgba(153, 204, 0, 0.47);
}
input[type="radio"]:enabled:active, input[type="checkbox"]:enabled:active,
input[type="radio"]:enabled.active, input[type="checkbox"]:enabled.active {
-webkit-box-shadow: 0px 0px 1px 5px rgba(102, 153, 255, 0.33);
-moz-box-shadow: 0px 0px 1px 5px rgba(102, 153, 255, 0.33);
box-shadow: 0px 0px 1px 5px rgba(102, 153, 255, 0.33);
background-color: #304878;
background-color: rgba(102, 153, 255, 0.45);
}
input[type="radio"]:enabled:active,
input[type="radio"]:enabled.active {
background: -webkit-radial-gradient(rgba(102, 153, 255, 0.54), rgba(102, 153, 255, 0.4));
background: -moz-radial-gradient(rgba(102, 153, 255, 0.54), rgba(102, 153, 255, 0.4));
background: -ms-radial-gradient(rgba(102, 153, 255, 0.54), rgba(102, 153, 255, 0.4));
background: -o-radial-gradient(rgba(102, 153, 255, 0.54), rgba(102, 153, 255, 0.4));
background: radial-gradient(rgba(102, 153, 255, 0.54), rgba(102, 153, 255, 0.4));
}
input[type="radio"]:checked {
background-color: #0099CC;
background: -webkit-radial-gradient(#99CC00 4px, /*#81BDD1*/ rgba(153, 204, 0, 0.28) 4px, rgba(153, 204, 0, 0));
background: -moz-radial-gradient(#99CC00 4px, /*#81BDD1*/ rgba(153, 204, 0, 0.28) 4px, rgba(153, 204, 0, 0));
background: -ms-radial-gradient(#99CC00 4px, /*#81BDD1*/ rgba(153, 204, 0, 0.28) 4px, rgba(153, 204, 0, 0));
background: -o-radial-gradient(#99CC00 4px, /*#81BDD1*/ rgba(153, 204, 0, 0.28) 4px, rgba(153, 204, 0, 0));
background: radial-gradient(#99CC00 4px, /*#81BDD1*/ rgba(153, 204, 0, 0.28) 4px, rgba(153, 204, 0, 0));
}
input[type="checkbox"]:checked {
/*background-image: url(check-light.png);*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAAXNSR0IArs4c6QAAAk9QTFRFM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7XlM7PjKpW9MazaM7XlPT09PT09PT09PT9APERIPE1UO1tnOWp8OHaNN4ysM7TkJ3+fN4OdKnaRMKrXM7XlPT09PT0+PT4+PT4/PUBCPUJFPEZKPEtQPFBXOmJxKIepKousIaPOKJa7I3OQMKvYM7XlPT8/M7XlM7XlM7TkKYywKYusFp/MCJrKDHidIX+iM7XlPUNFPT9AM7XlM7XlM7XlKo6yKousFp/NAJbIAX+pEWuLMa3bM7XlPEdLPUBCM7XlM7XlM7XlM7XlM7XlKpC1KoqsF5/NAn+pFHGSMa7dPEpQPUFEMrPiKH+eKoepM7TkM7XlM7XlM7XlK5K4KoqrAn+pFXWXMrDeM7XlM7XlPE5VPUNFMrPjJXqYNI2rM4yqKY2xM7XlM7XlLJa9KoqrF5/MFnaYMrDfM7XlO1FYPERGHnmaIYepF6DNGJ/NKousLJa9LJnAKourF5/MFnaYN36ZNaLLPERHM7XlFWyLBoCpAZfJLIurLIqqFneZMrDfPFJaOH2WPE9WPURGMKzZEW2NAYCqAJbJEp7NMrHgM7XlPE1TOW+DPExSMa7cFHKTAoCqFneZPEdMOl9tPEhNPUFDM7XlMa/dFHSVFnaYMrHgPUNFO1FaPT9BMa/dE3GSAX6nAX2mFHKUMrDfPUBBM7XlMa3bE2qJFG2MMa/ePUBCM7XlM7XlM7XlPT09PT4/PUBDPT4/PUFEPENHPEVJAprMAJnM+n0QmAAAAAF0Uk5TAEDm2GYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABmSURBVBjTY2AgBOQwRHT19NFELCwPW1mjiLi4HnZzRxEJDjnsFooikgQUSYayc3JBZFExQqSquqaWgaGhESHC0NF5OKSrG1mEgWHK1MPTpqGIMDDMm3rkCKoISAzNdiBYt56BCgAA/IUgFE2dD/IAAAAASUVORK5CYII=);
}
input[type="radio"]:checked:enabled:active, input[type="checkbox"]:checked:enabled:active,
input[type="radio"]:checked:enabled.active, input[type="checkbox"]:checked:enabled.active {
-webkit-box-shadow: 0px 0px 1px 5px rgba(102, 153, 255, 0.48);
-moz-box-shadow: 0px 0px 1px 5px rgba(102, 153, 255, 0.48);
box-shadow: 0px 0px 1px 5px rgba(102, 153, 255, 0.48);
}
input[type="radio"]:checked:enabled:active,
input[type="radio"]:checked:enabled.active {
background-color: white;
background: -webkit-radial-gradient(white 4px, rgba(164, 194, 255, 0.69) 4px, rgba(113, 160, 255, 0.53));
background: -moz-radial-gradient(white 4px, rgba(164, 194, 255, 0.69) 4px, rgba(113, 160, 255, 0.53));
background: -ms-radial-gradient(white 4px, rgba(164, 194, 255, 0.69) 4px, rgba(113, 160, 255, 0.53));
background: -o-radial-gradient(white 4px, rgba(164, 194, 255, 0.69) 4px, rgba(113, 160, 255, 0.53));
background: radial-gradient(white 4px, rgba(164, 194, 255, 0.69) 4px, rgba(113, 160, 255, 0.53));
}
input[type="checkbox"]:checked:enabled:active,
input[type="checkbox"]:checked:enabled.active {
/*background-image: url(check-active-dark.png);*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZlJREFUOMvd001LAkEYB/ARkwixg+EHsIKOdY6OfQgxjC5ZURF0CqK3rxCBgdcOWVEdIqOy0C22F22NoLItTah0HF3c1dx1d2e3Q1lLCKVeov99fvPwn2cA+AuZCGWWPbGcr5eA3TVBM2FmM56XXiSsSATkgw4CdlYFzYaZ7XheSirqewRZEeZvspsVQ9NhZvcxJ8ESJCmqHEjylIOAXRVBUxRzEM1JqS9IkQnIXw2QqaWKoMkLxv/ASUgLBSB/PXSCVsseGD9P71GZ4tPCLRu0E7AVAAB6CNgxSTHH95yY/oSwIvuThcjgCdr4btQBAMDoKfIOtzW2W00Gi9VU19Sg162bz9KspV5fb7caW5pNBrMOACArKj5CQtQTy9OqDrjKTjV3yRxmi/j143KVFbGwFs/TNCcy2okOEvz9AIm8P/ayGGHPWRHz6lcvWANhX6Lw4CTR1q9KtgWg0X3HXWhBDRR1kmi7olezE7DFTXNUCRSxIu+/FKL9JFqpasNtfmh0RdgQEuTcznOB7jtOjdT8kcfO0j7wb/IGCSVN6j2UdLQAAAAASUVORK5CYII=);
}
input[type="range"], progress {
background-color: #C1C1C1;
background-color: rgba(128, 128, 128, 0.41);
}
input[type="range"]::-moz-range-track {
background-color: rgba(128, 128, 128, 0.41);
}
input[type="range"]::-ms-track {
background-color: rgba(128, 128, 128, 0.41);
}
input[type="range"]::-webkit-slider-thumb {
background-color: rgba(161, 203, 32, 0.3);
background: -webkit-radial-gradient(#99CC00 3px, #769E00 4px, rgba(250, 251, 241, 0.88) 5px, rgba(228, 239, 192, 0.54) 6px, rgba(147, 196, 0, 0.3) 99%, rgba(255, 255, 255, 0.19));
background: radial-gradient(#99CC00 3px, #769E00 4px, rgba(250, 251, 241, 0.88) 5px, rgba(228, 239, 192, 0.54) 6px, rgba(147, 196, 0, 0.3) 99%, rgba(255, 255, 255, 0.19));
}
input[type="range"]::-moz-range-thumb {
background-color: rgba(161, 203, 32, 0.3);
background: -moz-radial-gradient(#99cc00 3px, #769E00 4px, rgba(250, 251, 241, 0.88) 5px, rgba(228, 239, 192, 0.54) 6px, rgba(147, 196, 0, 0.3) 99%, rgba(255, 255, 255, 0.19));
background: radial-gradient(#99cc00 3px, #769E00 4px, rgba(250, 251, 241, 0.88) 5px, rgba(228, 239, 192, 0.54) 6px, rgba(147, 196, 0, 0.3) 99%, rgba(255, 255, 255, 0.19));
}
input[type="range"]::-ms-thumb {
background-color: rgba(161, 203, 32, 0.3);
background: radial-gradient(#99CC00 3px, #769E00 4px, rgba(250, 251, 241, 0.88) 5px, rgba(228, 239, 192, 0.54) 6px, rgba(147, 196, 0, 0.3) 99%, rgba(255, 255, 255, 0.19));
}
/*input[type="range"]:focus::-webkit-slider-thumb {
background-color: rgba(51, 181, 229, 0.3);
background: -webkit-radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.3) 5px);
background: radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.3) 5px);
}
input[type="range"]:focus::-moz-range-thumb {
background-color: rgba(51, 181, 229, 0.3);
background: -moz-radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.3) 5px);
background: radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.3) 5px);
}
input[type="range"]:focus::-ms-thumb {
background-color: rgba(51, 181, 229, 0.3);
background: radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.3) 5px);
}
input[type="range"]:enabled:active::-webkit-slider-thumb,
input[type="range"]:enabled.active::-webkit-slider-thumb {
background-color: rgba(51, 181, 229, 0.4);
background: -webkit-radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.4) 5px);
background: radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.4) 5px);
border-color: #33B5E5;
}
input[type="range"]:enabled:active::-moz-range-thumb,
input[type="range"]:enabled.active::-moz-range-thumb {
background-color: rgba(51, 181, 229, 0.4);
background: -moz-radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.4) 5px);
background: radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.4) 5px);
border-color: #33B5E5;
}
input[type="range"]:enabled:active::-ms-thumb,
input[type="range"]:enabled.active::-ms-thumb {
background-color: rgba(51, 181, 229, 0.4);
background: radial-gradient(rgba(51, 181, 229, 1) 3px, rgba(95, 194, 231, 1) 4px, rgba(51, 181, 229, 0.4) 5px);
border-color: #33B5E5;
}*/
input[type="range"]:disabled::-webkit-slider-thumb {
background-color: rgba(71, 71, 71, 0.27);
background: -webkit-radial-gradient(rgba(116, 119, 117, 0.67), rgba(107, 109, 108, 0.67) 3px, rgba(85, 85, 85, 0.67) 4px, rgba(229, 230, 227, 0.56) 5px, rgba(55, 55, 55, 0.24) 99%, rgba(255, 255, 255, 0.3));
background: radial-gradient(rgba(116, 119, 117, 0.67), rgba(107, 109, 108, 0.67) 3px, rgba(85, 85, 85, 0.67) 4px, rgba(229, 230, 227, 0.56) 5px, rgba(55, 55, 55, 0.24) 99%, rgba(255, 255, 255, 0.3));
}
input[type="range"]:disabled::-moz-range-thumb {
background-color: rgba(71, 71, 71, 0.27);
background: -moz-radial-gradient(rgba(116, 119, 117, 0.67), rgba(107, 109, 108, 0.67) 3px, rgba(85, 85, 85, 0.67) 4px, rgba(229, 230, 227, 0.56) 5px, rgba(55, 55, 55, 0.24) 99%, rgba(255, 255, 255, 0.3));
background: radial-gradient(rgba(116, 119, 117, 0.67), rgba(107, 109, 108, 0.67) 3px, rgba(85, 85, 85, 0.67) 4px, rgba(229, 230, 227, 0.56) 5px, rgba(55, 55, 55, 0.24) 99%, rgba(255, 255, 255, 0.3));
}
input[type="range"]:disabled::-ms-thumb {
background-color: rgba(71, 71, 71, 0.27);
background: radial-gradient(rgba(116, 119, 117, 0.67), rgba(107, 109, 108, 0.67) 3px, rgba(85, 85, 85, 0.67) 4px, rgba(229, 230, 227, 0.56) 5px, rgba(55, 55, 55, 0.24) 99%, rgba(255, 255, 255, 0.3));
}
progress::-webkit-progress-bar-value, progress::-webkit-progress-value {
background-color: #B2D647;
background-color: rgba(153, 204, 0, 0.7);
-webkit-box-shadow: 0 1px 0 0 rgba(153, 204, 0, 0.36);
box-shadow: 0 1px 0 0 rgba(153, 204, 0, 0.36);
}
progress::-moz-progress-bar {
background-color: #B2D647;
background-color: rgba(153, 204, 0, 0.7);
-moz-box-shadow: 0 1px 0 0 rgba(153, 204, 0, 0.36);
box-shadow: 0 1px 0 0 rgba(153, 204, 0, 0.36);
}
input[type="range"]::-ms-fill-lower, progress::-ms-fill {
background-color: #B2D647;
background-color: rgba(153, 204, 0, 0.7);
box-shadow: 0 1px 0 0 rgba(153, 204, 0, 0.36);
}
progress::-webkit-progress-bar-value:after, progress::-webkit-progress-value:after {
-webkit-box-shadow: 0px 0px 3px 0px rgba(153, 204, 0, 0.36);
box-shadow: 0px 0px 3px 0px rgba(153, 204, 0, 0.36);
}
progress::-moz-progress-bar:after {
-moz-box-shadow: 0px 0px 3px 0px rgba(153, 204, 0, 0.36);
box-shadow: 0px 0px 3px 0px rgba(153, 204, 0, 0.36);
}